首页 > 解决方案 > Mapbox在点击时添加标记

问题描述

我想通过单击 Mapbox 中的地图来获取经度和纬度,以便我可以使用它来添加标记。这个想法是单击地图,然后会出现一个弹出窗口,您可以在其中编写标记标题。我不知道我现在如何通过单击获得经度和纬度信息。

如果有人可以帮助我,我会很高兴!提前致谢!

标签: djangodjango-formsdjango-templatesmapboxmapbox-gl-js

解决方案


当点击事件触发时,您可以使用e.lngLat获取坐标,它会为您提供一个具有latlng两个属性的对象。像这样的东西:

map.on('click', (e) => {
    let coords = e.lngLat;
    let lat = coords.lat;
    let lng = coords.lng;
});

推荐阅读