向Leaflet.js示例添加搜索框


12

考虑下面的Folium链接中的示例:每个县的美国就业可视化

结果如下所示:

    在此处输入图片说明

我想在其中添加一个搜索框,以便能够按城市搜索,并使其可视化放大和/或围绕其居中。我该如何添加这样的搜索框?是否可以在HTML文件中添加此功能?


1
找到城市后您想做什么(例如,将地图缩放到该县,返回统计信息等?)。一般来说,您将需要添加html以及javascript。
汤姆斯(Tom)2015年

2
如果您可以告诉我们您已经尝试过什么,结果是什么以及预期会发生什么,它会有所帮助。
BradHards 2015年

有没有一种方法可以搜索地址并将其限制在某个地区,例如仅在西加利福尼亚州?
Elenor Khaganese

Answers:


19

您可以使用Leaflet搜索控件。它使您可以在地图上插入搜索小部件,按世界各地的地名进行搜索(请参见Nominatim示例),一旦选择了地点,就可以将地图缩放/居中到该地点。

在此处输入图片说明

Leaflet搜索的GitHub网站上,找到有关如何将控件添加到Leaflet映射中的示例。


还有另一种按字段搜索数据的解决方案吗?
A.HADDAD '18

1
你可以说得更详细点吗?你什么意思?搜索您自己的数据。这个有可能。可以在此处找到示例:labs.easyblog.it/maps/leaflet-search/examples/…–
Stefan,
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.