小编fed*_*ndi的帖子

我试图让我的地图框显示像这个 Google 地图示例这样的坐标，点击后会弹出一个纬度坐标。我得到的最接近的是获得一个可拖动标记，它显示地图左下角的坐标，如果我尝试使用 onclick 函数，地图就会变成空白。我怎样才能让坐标在点击时显示为弹出窗口？

var marker = new mapboxgl.Marker({
        draggable: true
    })
    .setLngLat([101.967, 35.431])
    .addTo(map);

function onDragEnd() {
    var lngLat = marker.getLngLat();

    coordinates.style.display = 'block';
    coordinates.innerHTML =
        'Longitude: ' + lngLat.lng + '<br />Latitude: ' + lngLat.lat;
}

marker.on('dragend', onDragEnd);

我有 .coordinates 的 css 样式，当标记被拖动时，它们会显示在屏幕的左下方。我知道这是一个简单的问题，但我对 mapbox 和一般编码完全陌生。将不胜感激任何帮助！谢谢！