javascript Leafletjs显示我的位置标记,而不是硬编码的位置

sz81bmfz  于 4个月前  发布在  Java
关注(0)|答案(1)|浏览(82)

我正在尝试Leaflet.js,我有一个带有这样标记的Map:

var marker = new L.marker([5.897818, -1.120009],{
    draggable: true,
    autoPan: true
}).addTo(mymap);

字符串
这是显示确定,但我希望它出现在我的当前位置,而不是上述硬编码的位置。
我该怎么做?

yizd12fk

yizd12fk1#

您需要的是点击Geolocation API并使用其结果来创建标记。

var mymap = L.map('mapid').setView([51.505, -0.09], 13);

navigator.geolocation.getCurrentPosition(position => {
  const { coords: { latitude, longitude }} = position;
  var marker = new L.marker([latitude, longitude], {
    draggable: true,
    autoPan: true
  }).addTo(mymap);

  console.log(marker);
})

字符串
在Stackoverflow中使用API会有一些问题,所以这里有一个指向工作JSFiddle的链接。

相关问题