我如何使用 Leaflet Control Geocode？

Question

我打算在我的应用程序中添加一个 leaflet 控件地理编码器或搜索框。 尽管我编写了所需的代码，但它不显示任何地理编码器和 我不知道出了什么问题。我已经提供了我的一部分 index.html 包含相关代码的文件。

<link rel="stylesheet" href="{% static 'geocoder/Control.Geocoder.css' %}" />
<script type="text/javascript" src="{% static 'geocoder/Control.Geocoder.js' %}"></script>

<script>
var geocoder = L.Control.geocoder().on('markgeocode', function(event) {
     var center = event.geocode.center;
     L.marker(center).addTo(map);
     map.setView(center, map.getZoom());
}).addTo(map);
</script>

Answer 1

您必须设置地址解析 "type"：Types

var _geocoderType = L.Control.Geocoder.nominatim();
var geocoder = L.Control.geocoder({
   geocoder: _geocoderType
}).addTo(map);

geocoder.on('markgeocode', function(event) {
     var center = event.geocode.center;
     L.marker(center).addTo(map);
     map.setView(center, map.getZoom());
});