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

Question

我正在试用 Leaflet.js，我有一张带有这样标记的地图：

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

这显示正常，但我希望它出现在我当前的位置，而不是上面的硬编码位置。

我该怎么做？

Answer 1

您需要点击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);
})

将 API 与 Stackoverflow 结合使用会出现一些问题，因此这里有一个指向有效的 JSFiddle 的链接。