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

问题描述 投票:0回答:1

试图让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();
javascript html google-maps
1个回答
0
投票

使用官方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>
© www.soinside.com 2019 - 2024. All rights reserved.