mapbox- 通过拖动标记 node.js 从用户获取位置答案

【问题标题】：mapbox- take location from user by drag marker, node.jsmapbox- 通过拖动标记 node.js 从用户获取位置
【发布时间】：2021-04-18 21:19:47
【问题描述】：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Create a draggable Marker</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://api.mapbox.com/mapbox-gl-js/v2.0.1/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.0.1/mapbox-gl.css" rel="stylesheet" />

</head>
<body>


<div id="map"></div>
<pre id="coordinates" class="coordinates"></pre>

<script>
    mapboxgl.accessToken = 'mytkn';
    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])
        .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);
</script>

<div>
    <form>
        <input type="text" name="lat">
        <input type="text" name="long">
        
    </form>
</div>


</body>
</html>

所以我有一部分代码可以制作可拖动的标记，这样我就可以让用户获得经纬度。现在我想要表单中的数据，这样我就可以将它传递给 node.js 后端（进入数据库）。我怎样才能将该（传递）坐标保存到表单中？

【问题讨论】：

标签： html node.js forms mapbox

【解决方案1】：

在onDragEnd 中使用fetch API 调用你的node.js 后端的API 端点怎么样？

【讨论】：