传单上单击添加标记并弹出经纬度坐标?

时间:2018-12-19 20:48:59

标签: leaflet

我希望能够点击地图并发生以下情况:

  • 在地图上添加一个临时标记,该标记将显示该标记的纬度坐标。

1 个答案:

答案 0 :(得分:0)

这应该有帮助

<script src="https://cdn.jsdelivr.net/npm/leaflet@1.3.4/dist/leaflet-src.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/leaflet-extra-markers@1.0.6/src/assets/js/leaflet.extra-markers.min.js"></script>

<body>
...
<div id="carteDiv"> </div>
</body>

<script>
// Map object
var m_Carte = L.map('carteDiv').setView([45.469717, -73.563719], m_Zoom);

// Create click event handler
m_Carte.on('click', onMapClick);


// The function to create marker on click
var onMapClick = function (e) {
    var marqueur = L.marker([e.latlng.lat, e.latlng.lng], {
                icon        : L.ExtraMarkers.icon({
                icon        : 'fa-number',
                prefix      : 'fa',
                markerColor : red,
                number      : 0
            })
        }).addTo(m_Carte).bindPopup(e.latlng.lat + ' ' + e.latlng.lng);
};
</script>