Typescript 自定义单张地理编码标记
我想更改传单geocoder的默认标记,为此我重写了markGeocode函数,并使用typeScript将其添加到控件geocoder中:Typescript 自定义单张地理编码标记,typescript,leaflet,angular7,leaflet-routing-machine,Typescript,Leaflet,Angular7,Leaflet Routing Machine,我想更改传单geocoder的默认标记,为此我重写了markGeocode函数,并使用typeScript将其添加到控件geocoder中: const geocoder = L.Control.geocoder({ position: 'topright', placeholder: 'Rechercher...', showResultIcons: true, errorMessage: 'Aucun resultat.',
const geocoder = L.Control.geocoder({
position: 'topright',
placeholder: 'Rechercher...',
showResultIcons: true,
errorMessage: 'Aucun resultat.',
// Here :
markGeocode: (result) => {
L.marker(new L.latLng(result.center), { icon: this.endIcon }).addTo(map);
}
}).addTo(map);
但是,更改不适用,始终使用相同的默认标记:
您可以覆盖默认方法
var geocoder = L.Control.geocoder({
defaultMarkGeocode: false
})
.on('markgeocode', function(e) {
var latlng = e.geocode.center;
var marker = L.marker(latlng,{icon: greenIcon}).addTo(map);
map.fitBounds(e.geocode.bbox);
})
.addTo(map);