Question

尝试让gmaps在我的位置打开，但它不适合我：编辑：在lat和lng中应该没有任何内容，还添加了显示此地图的div。我以为我可以创建一个没有坐标的地图，但是在创建之后使用地理定位功能将它移到我的位置。我怎么写这个，以便在我的位置创建地图而不用硬编码坐标？

<div id="outputMap"></div>



<script>


      var map;

      map = new GMaps({
          div: '#outputMap',
          lat: 0,
          lng: 0,
      });

      GMaps.geolocate({      
        function(position) {
        map.setCenter(position.coords.latitude, position.coords.longitude);
      }});

      map.zoomOut();

Answer 1

使用官方JS API时，需要初始zoom值：

<!DOCTYPE html>
<html>
  <head>
    <style>
      #map {
        height: 400px;
        width: 100%;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js"></script>
  </head>
  <body>
    <div id="map"></div>
    <script>
      var map = new google.maps.Map(document.getElementById('map'), {zoom: 14});
      navigator.geolocation.getCurrentPosition(function(position) {
        var pos = {
          lat: position.coords.latitude,
          lng: position.coords.longitude
        };
        map.setCenter(pos);
      });
    </script>
  </body>
</html>

如何设置gmaps在我的位置打开？

1 个答案: