Question

我想要完成两件事 1）拉出用户的当前位置 2）然后在谷歌地图上显示它

从我的研究中，我发现我可以使用以下内容来获取用户的当前位置

navigator.geolocation.getCurrentPosition(success);
function success(pos) {
  var crd = pos.coords;
  console.log('Your current position is:');
  console.log(`Latitude : ${crd.latitude}`);
  console.log(`Longitude: ${crd.longitude}`);
  console.log(`More or less ${crd.accuracy} meters.`);
};

以及以下内容以启动Google地图

function initMap() {
    var uluru = {lat: -25.363, lng: 131.044};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 4,
      center: uluru
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map
    });
  }

所以我遇到的问题是如何同时完成这两项工作？我试图将第二个函数放在第一个函数中，但这不起作用...... 谢谢大家的帮助！

Answer 1

initMap需要知道位置是什么。目前，您在initMap中将位置设置为“uluru”;相反，尝试将坐标传递给函数，然后从该对象拉出坐标（您可以只重用该对象，但您必须考虑这些字段被称为longitude / {{ 1}}在第一种情况下，latitude / lng在第二种情况下）。像这样：

lat

如何拉出用户的当前位置并在谷歌地图api上显示？

1 个答案: