如何向现有按钮添加功能“'Fly to a marker'”？ [传单地图]

Question

我正在尝试向按钮上的标记添加飞行功能。我在右侧创建了一些按钮，我想将此功能添加到一个按钮上。

 var latlng = map.getCenter(); // or [47.478058, 9.720154]
var marker = L.marker(latlng).addTo(map);
L.DomEvent.on(button,'click',function(){
    var zoomlvl = 16;
    map.flyTo(marker.getLatLng(),zoomlvl)
});

我只想将其添加到我的代码中 --> https://jsfiddle.net/paulito92/p92sfz7o/1/ 例如，在可用区按钮上。我希望当我点击按钮时，地图会转到这个特定位置 [48.6333, 2.2333] 我尝试添加功能时总是遇到问题。

如果有人知道怎么做就太好了！

谢谢大家，祝大家愉快:)

Answer 1

将按钮事件添加到脚本末尾或标记创建之后。您还必须使用变量 myDataPoint 而不是未定义的变量 marker

  
  var button = document.getElementById('availability')
L.DomEvent.on(button,'click',function(e){
    console.log('Button clicked')
});

L.DomEvent.on(button,'click',function(){
    var zoomlvl = 16;
    map.flyTo(myDataPoint.getLatLng(),zoomlvl)
});

https://jsfiddle.net/falkedesign/f3etmzjn/

如何向现有按钮添加功能“'Fly to a marker'”？ [传单地图]

How can i add a function ''Fly to a marker'' to an existing button? [Leaflet maps]

html

javascript

css

onclick

leaflet