Google地圖API Javascript中心地圖

我已經設置瞭如下的Google地圖，但是如果我設置了'center'那樣，我就不會看到地圖！我能怎麼做？Google地圖API Javascript中心地圖

var map = new google.maps.Map(document.getElementById("map"), { 
    center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude), 
    zoom: 13, 
    mapTypeId: 'roadmap' 
    });

在此先感謝！

來源

2014-05-03 KappS

檢查瀏覽器控制檯。 –

在我看來，你的html可能不正確。我曾經遇到過我忘記包含1）'

'和2）CSS中的高度/寬度爲#map的問題！ – Prastow

確保 position.coords.latitude和position.coords.longitude是數字，如果他們是數字設法扭轉他們，可能你的座標不存在

甚至更多嘗試這個

var mapOptions = { 
    zoom: 13, 
    center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude) 
     }; 

    var map = new google.maps.Map(document.getElementById('map'),mapOptions);

來源

2014-05-18 21:04:52

使用Google地圖選項，您可以設置地圖中心。

var centerPosition = new google.maps.LatLng(25.747688, 74.004142); 
var options = { 
    zoom: 8, 
    center: centerPosition, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
};

退房這個提琴例如地圖中心Google Map Center

來源

2014-09-23 06:24:19 Aks

使用，錯誤

<html> 
     <head> 
      <style> 
       html, body, #map-canvas { 
       height: 100%; 
       margin: 0px; 
       padding: 0px 
       } 
      </style> 
      <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> 

      <script> 
      var map; 

      function initialize() 
      { 

        var mapOptions = { 

        zoom: 13, 
        center: new google.maps.LatLng(-34.397, 150.644),//your co-ordinates 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
        }; 

        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

      } 

      google.maps.event.addDomListener(window, 'load', initialize); 

      </script> 
     </head> 
    <body> 
     <div id="map-canvas"></div> 
    </body> 
</html>

來源

2014-10-12 11:46:07

var center = new google.maps.LatLng(centerLat, centerLng); 
map.setCenter(center);

來源

2016-02-16 02:53:41 user3372176

請在答案中添加一點內容。解釋它，讓下一個有這個問題的人也可以從中受益。 – Brody

Google地圖API Javascript中心地圖

回答

相關問題