方法有很多种

一、

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);//鼠标移动开始

 

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐