javascript - OpenStreetMap 上に別のテキスト マーカーまたはカラー マーカーを表示する

Question

2 つ以上のマーカーがマーカーに同じテキストを持つことができ、異なるテキストを持つマーカーのような多くのマーカーがあり、ボディが読み込まれると全体の作業が行われるため、異なるタイプのマーカーを使用して OpenStreetMap で異なる場所を表示したいと考えています。誰かが私に適切な提案をしてもらえますか? Khandaker Mustakimur Ra​​hmanに感謝します

Answer 1

あなたが求めているのは、OpenStreetMap データを使用する地図上に一連のマーカーをポップアップ バルーン テキストで描画し、その注釈付き地図を Web ページに表示する方法だと思います。その場合は、次のことを行う必要があります

1. OpenStreetMap タイルを提供できるマップ サーバーを見つけるか、独自に作成します。
2. ページで JavaScript マップ描画ライブラリを使用して、サーバーからタイルを読み込み、それらをページに描画し、マップ上にマーカーとポップアップを配置します。

私が知っているマップ サーバーの 2 つの簡単なオプションは、アクセスするには無料の開発者キーにサインアップする必要があるCloudMadeがホストするものと、API キーなしで自由にアクセスできるMapQuestがホストするものです。

Web ページの「ウィジェット」にマップを描画するために使用できる JavaScript ライブラリがいくつかありますが、最も一般的なのはOpenLayersとLeafletです。これらの各ライブラリには、それを使用してページ上に地図を描画する方法を示す基本的なチュートリアルがありますが、Leaflet の方が使いやすくフレンドリーです。使用するライブラリを決定したら、そのドキュメントを参照して、ポップアップ バルーン内のテキストでマーカーを描画する方法を見つけるか、StackOverflow に戻ってより具体的な質問をすることができます。

Web ページに OpenStreetMap マップを描画するための技術の概要については、switch2osm.orgを参照してください。