Leaflet.jsの例に検索ボックスを追加する


12

以下のリンクの例を考えてみましょうFolium郡あたり米雇用可視化

結果は次のようになります。

    ここに画像の説明を入力してください

検索ボックスを追加して、都市で検索できるようにし、ビジュアライゼーションを拡大したり、中心に表示したりします。そのような検索ボックスを追加するにはどうすればよいですか?この機能をおそらくHTMLファイルに追加できますか?


1
都市を見つけたら何をしたいのでしょうか(例えば、地図をその郡にズームしたり、統計を返したりしますか?)。一般的に、htmlだけでなくjavascriptも追加する必要があります。
トムズ

2
既に試したこと、結果、そして予想される結果を教えていただければ助かります。
BradHards

住所を検索し、特定の地域、たとえば西カリフォルニアのみに制限する方法はありますか?
エレノールハガネーゼ

回答:


18

Leaflet検索コントロールを使用できます。マップに検索ウィジェットを挿入し、世界中の場所名で検索し(Nominatimの例を参照)、場所が選択されると、その場所の場所にマップをズーム/センタリングできます。

ここに画像の説明を入力してください

ではリーフレット検索のGitHubのウェブサイトにあなたのリーフレットの地図にコントロールを追加する方法の例を見つけます。


フィールドでデータを検索する別のソリューションはありますか?
A.HADDAD

1
もっと具体的に教えてください。どういう意味ですか?独自のデータを検索します。これは可能です。例では、ここで見つけることができます:labs.easyblog.it/maps/leaflet-search/examples/...
ステファンを
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.