方法有很多種
一、
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsICM38FdsYkRGZkRG9lcvx2bjxiNx8VZ6l2cs0DMHVmZkNDW0h2MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnL3EjN4EDMyETM1EDNwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
var coordinates = document.getElementById("coordinates");
var map = new mapboxgl.Map({
container: "map",
style: "mapbox://styles/mapbox/streets-v11",
center: [0, 0],
zoom: 2
});
var marker = new mapboxgl.Marker({
draggable: true
})
.setLngLat([0, 0])//添加marker的初始化點
.addTo(map);//在哪個地圖中添加
// marker.remove(); 移除marker
//事件
function onDragEnd() {
var lngLat = marker.getLngLat();
coordinates.style.display = "block";
coordinates.innerHTML =
"Longitude: " + lngLat.lng + "<br />Latitude: " + lngLat.lat;
}
marker.on("dragstart", onDragEnd);//滑鼠移動結束
marker.on("drag", onDragEnd);//滑鼠移動中
marker.on("dragend", onDragEnd);//滑鼠移動開始