处理事件
每当leaflet中发生任何事情时,例如用户单击标记或更改地图缩放,相应对象都会发送一个时间,可使用功能订阅该时间。
它允许您对用户交互做出反应:
function onMapClick(e) {
alert("You clicked the map at " + e.latlng);
}
mymap.on(‘click’, onMapClick);
每个对象都有自己的事件集-有关详细信息,请参见文档。侦听器函数的第一个参数是事件对象-它包含有关发生的事件的有用信息。例如,地图单击事件对象(e在上面的示例中)具有latlng属性,该属性是单击发生的位置。
让我们通过使用弹出窗口而不是警报来改进示例:
var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(mymap);
}
mymap.on(‘click’, onMapClick);
尝试单击地图,您将在弹出窗口中看到坐标。
宣传单张:
(创建针对iPhone,iPad或Android Q手机等移动设备调整的全屏地图,及检测和使用当前用户位置)
准备页面
首先,设置页面的HTML和CSS代码。
为了使我们的地图div元素可以延伸到所有可用空间(全屏),可使用一下CSS代码
(请注意:在本示