简体   繁体   English

甚至向 Leaflet 标记添加点击

[英]Adding a click even to a Leaflet Marker

I am using Leaflet and I have several markers on the map. I am trying to trigger a click event so that when I click on one of the markers it will scroll to a div down the page我正在使用 Leaflet,我在 map 上有几个标记。我试图触发一个点击事件,这样当我点击其中一个标记时,它会滚动到页面下方的一个div

For example, the marker is created like this:例如,标记是这样创建的:

var marker = L.marker([ 51.5, -0.09 ]).addTo(map);

Can I add a click event to this?我可以为此添加点击事件吗?

You can bind event on your marker when you initialize it.您可以在初始化标记时在标记上绑定事件。 When the click is fired you just redirect to the dom element you want:单击被触发时,您只需重定向到所需的 dom 元素:

var marker = L.marker([51.5, -0.09]).addTo(map).on('mouseover', () => {
    document.location.href = "#id_of_div";
});

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM