时间戳

首页 > 解决方案 > 传单地图不运行鼠标事件

javascript - 传单地图不运行鼠标事件

问题描述

我有一个传单地图没有响应点击事件的问题。我使用教程代码添加地图：

var mymap = L.map('mapid').setView([51.505, -0.09], 13);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors',
    maxZoom: 19
}).addTo(mymap);

mymap.on('click', function(e) {alert('map click!')});

在此之后，我得到了一个很好的响应地图。我可以平移和缩放，但它不响应点击。什么会导致它不传播我注册的事件？

编辑：当我添加一个标记并将鼠标悬停在它上面时，使用 bindTooltip() 添加的工具提示不显示，当我单击标记时，使用 bindPopup() 添加的弹出窗口不显示。就好像地图没有将鼠标事件传播到注册的处理程序并且没有响应悬停事件。

标签： javascriptleaflet

解决方案

也许您的浏览器阻止了警报弹出窗口。尝试
mymap.on('click', function (e) { console.log(e) });

推荐阅读