使用 Leaflet 自动完成:自定义设计?

Ces*_*are 3 openstreetmap leaflet

Leaflet 地图有一个插件,它添加了一个按钮,该按钮通向具有位置自动完成功能的搜索栏(链接)。如何从插件中获取自动完成功能并使用我自己的自定义搜索栏?

rad*_*lle 6

Leaflet.GeoSearch 非常适合您的需求。您可以将其与 Leaflet 分开使用(查看演示)或在 Leaflet 本身中使用。它支持以下数据提供者(但可以轻松扩展):

  • 埃斯里

  • 打开街道地图

  • 谷歌

  • 必应

  • 位置智商

  • 开笼式

GitHub: https: //github.com/smeijer/leaflet-geosearch

演示: https: //smeijer.github.io/leaflet-geosearch

注意:我与创建者没有任何联系,只是一个快乐的用户,并考虑将此处添加为提供者。

您还可以在 Leaflet 的插件页面上使用其他地理编码解决方案: https://leafletjs.com/plugins.html#geocoding

另一方面,如果您想自己推出,只需在 Leaflet 中创建一个标记并将地图居中: https: //leafletjs.com/examples/quick-start/