javascript - 使用Leaflet 仅传递点击 “.ie. remove text” 上的坐标?

标签 javascript leaflet

下面是我的 map 脚本,一切都运行得非常好!但是,当我单击时,它将 e.latlng 发送到它正在发送的表单

例如 LatLng(38.47939, -105.86426)。我希望它只发送 38.47939、-105.86426。

如何删除文本和括号?

var mymap = L.map('mapid').setView([38.47939, -99.49219], 5);

L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/streets-v10/tiles/256/{z}/{x}/{y}?access_token=pk.eyJ1IjoiYnJldHQyMjI3OCIsImEiOiJjajAzNzZjZTkwOWNtMzJxbHZjMmVwZ2hyIn0.cWzkt6Gj_N3SZ8GKzqhByA', {
    }).addTo(mymap);

    var popup = L.popup();

    function onMapClick(e) {
    document.getElementById('lat-lng').value = e.latlng.toString();
        popup
            .setLatLng(e.latlng)
            .setContent("Copy and Paste into the Form \n" + e.latlng.toString())
            .openOn(mymap);

    }

    mymap.on('click', onMapClick);


</script>

最佳答案

e.latlng 是 LatLng对象并具有属性(纬度,经度)

所以你的代码可能是

.setContent("Copy and Paste into the Form \n" + e.latlng.lat + ", " + e.latlng.lng)

您可能想要格式化您的值并只保留 6 位数字

e.latlng.lat.toFixed(6);

关于javascript - 使用Leaflet 仅传递点击 “.ie. remove text” 上的坐标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42731754/

相关文章:

javascript - 遍历 CSS 样式 - 样式命名不一致

javascript - 传单 js : Changing the size of the geocoder control

javascript - 将变量取消引用为其值以在另一个函数javascript中使用

javascript - 我怎样才能找到以数字为底的对数?

javascript - 传单标记未显示

leaflet - 无法让 Leaflet panTo 选项 'duration' 发挥作用

javascript - geojson Ajax 的传单弹出窗口

vue.js - Leaflet+Vue+Vuetify/Leaflet图隐藏vuetify弹出对话框

javascript - 如何让 Intellisense 引用另一个文件夹中的 JS 文件?

javascript - 映射对象值时无返回分配