javascript - 在 Google 地图 (JavaScript) 中显示当前用户位置

Question

我希望能够显示当前用户位置，并自动在用户所在的位置放置一个图钉。我需要这个在 HTML/JavaScript 中，完整的代码。请帮忙。

Answer 1

您必须使用 Google API（在本例中为 JavaScript）在地图中显示当前位置。您必须使用以下命令导入库：

<script src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=initMap" async defer>

并使用函数 initMap：

var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: initLat, lng: initLon},
    zoom: 6
  });

当您从navigation.geolocation 获取lat 和lon 时，您必须使用map.setCenter(pos); 更新地图，当pos 是一个包含lat 和lon 的数组时。

这里有一个完整的例子。

谷歌官方文档

我希望它有帮助:-)