Javascript mapbox将值附加到地图上的表单单击

我使用的是mapbox，我在map click上插入了一个标记，但是我还想在表单中附加这些值，这样我就可以使用我的控制器来存储这些值

正在添加标记并附加值

在最后一个值中，其中表示LngLat（-1）等，在逗号后附加“which should ve after closing方括号）如何删除它

       <div id="right" class="map">
            <div id='map' class="map" style='width: 100%; height: 100%; margin: 0px;'></div>
            <script>
            mapboxgl.accessToken = 'pk.eyJ1IjoibGl2ZS1vbGRoYW0iLCJhIjoiY2ozbXk5ZDJ4MDAwYjMybzFsdnZwNXlmbyJ9.VGDuuC92nvPbJo-qvhryQg';
            var map = new mapboxgl.Map({
            container: 'map',
            style: 'mapbox://styles/mapbox/streets-v10',
                        center: [-1.77, 52.73],
                        zoom: 3
            });
                        map.addControl(new MapboxGeocoder({
                        accessToken: mapboxgl.accessToken
                    }));
                        map.on('click', function (e) {
                        var lng = e.lngLat.lng;
                        var lat = e.lngLat.lat;
                        var lngLat = e.lngLat;
                        $( ".append").append( "<input type=hidden name=lng value="+lng+">");
                        $( ".append").append( "<input type=hidden name=lat value="+lat+">");
                        $( ".append").append( "<input type=hidden name=lngLat value="+lngLat+">");
                        new mapboxgl.Marker()
                        .setLngLat(e.lngLat)
                        .addTo(map);
});
            </script>
                            <form class="append" role="form" method="POST" action="{{ action('BusinessController@saveMarkers') }}">
                                <button type="submit" class="btn btn-success">
                  Save Marker
                </button>
                            </form>

mapboxgl.accessToken='pk.eyj1ijoibgl2zs1vbgroyw0ilcjhijoy2ozbxk5zdj4mdawyjmybzfsdnzwnxlmbyj9.VGDuuC92nvPbJo qvhryQg'；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/streets-v10',
中间：[-1.77,52.73]，
缩放：3
});
map.addControl（新的MapboxGeocoder({
accessToken:mapboxgl.accessToken
}));
地图上（'点击'）功能（e）{
var lng=e.lngLat.lng；
var lat=e.lngLat.lat；
var lngLat=e.lngLat；
$（“.append”）。append（“”）；
$（“.append”）。append（“”）；
$（“.append”）。append（“”）；
新的mapboxgl.Marker（）
.setLngLat（e.lngLat）
.addTo（地图）；
});
保存标记

问题在于这一行

$( ".append").append( "<input type=hidden name=lngLat value="+lngLat+">");

---

您是否介意以console.log为例显示

lngLat

的值？或者更好地创建一个已经在您的问题正文中的场景（snippet，jsfiddle）的工作示例。我的意思是，如果您还可以显示变量

lngLat

的值，即

中的变量“

它出现在第一个屏幕截图上。这是lngLatCan的值，您可以

console.log（lngLat）

并向我们显示控制台的输出？

'<input type="hidden" name="lngLat" value="LngLat {lng: ' + lngLat.lng + ', lat: ' + lngLat.lat + '}">'