[解決済み] Openstreetmap: ウェブページに地図を埋め込む(Google Mapsのように)
2022-10-23 04:37:04
質問
OpenStreetMapを自分のページに埋め込む/マッシュアップする方法はありますか? Google Maps API が機能するような)方法はありますか?
私はいくつかのマーカーで私のページ内に地図を表示する必要があり、周りにドラッグ/ズーム、おそらくルーティングを許可します。 私はこのためのいくつかのJavascript APIがあると思いますが、私はそれを見つけることができないようです。
検索すると 生の地図データにアクセスするための API しかし、それは地図の編集のためにより多くあるようです。さらに、それを扱うことはAJAXにとって重いタスクでしょう。
どのように解決するのですか?
地図を表示するには、JavaScriptを使用する必要があります。OpenLayersはこのための最良の選択です。
に例があります。 http://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example で、より高度なものは
http://wiki.openstreetmap.org/wiki/OpenLayers_Marker
と
http://wiki.openstreetmap.org/wiki/Openlayers_POI_layer_example
関連
-
[解決済み] Google Maps JS API v3 - シンプルな複数マーカーの例
-
[解決済み] javascriptで2つの数値を連結する方法は?
-
[解決済み] bootstrap のポップオーバーがすべての要素の上に表示されない
-
[解決済み] node.jsで文字列のsha1ハッシュを取得するにはどうすればよいですか?
-
[解決済み] javascriptで文字列から関数を作成する方法はありますか?
-
[解決済み] ECMAScriptとは?
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] Google Maps v2 - 現在地とズームインの両方を設定する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jqueryでdivの要素がオーバーフローしていないかチェックする
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
-
[解決済み] 文字列が空白であるかどうかをチェックする
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] 各オブジェクトに?重複
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] JavaScript で `throw` の後に `return` をする必要がありますか?