2013-05-06 204 views
0

我現在使用Google Maps JavaScript API,我想要映射到初始化後導航到地圖上的另一個位置。如何使地圖的內容切換到另一個位置

map = new google.maps.Map (mapDiv, mapOptions); 
//In response to a user request to navigate to another location. 
function goto (Lat, lng) { 
    map.setCenter (new google.maps.LatLng (Lat, Lng)); 
    map.setZoom (13); 
} 

然而,在這種情況下,地圖顯示爲空白,點擊反應遲鈍的操作控制。

+0

我懷疑'Lat'和'Lng'中給出的值無效。緯度測量範圍從0到(+/-)90,經度測量範圍從0到(+/-)180。嘗試'console.log'函數中的'Lat''Lng'值。 – shakib 2013-05-06 12:16:22

回答

0

我測試了你的代碼,它適用於我...也許你的代碼的其餘部分是錯誤的。
爲了您的比較,這裏是一個完整的工作示例。我希望它有幫助!

<!DOCTYPE html> 
<html> 
    <head> 
     <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=&sensor=false"></script> 
     <script type="text/javascript"> 

      var map; 

      function initialize() { 
       var mapOptions = { 
        center: new google.maps.LatLng(0, 0), 
        zoom: 2, 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
       }; 
       map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
      } 

      function goto(Lat, Lng) { 
       map.setCenter(new google.maps.LatLng(Lat, Lng)); 
       map.setZoom(13); 
      } 

      function button_click() { 
       //Palo Alto 
       goto(37.429167, -122.138056); 
      } 
     </script> 
    </head> 
    <body onload="initialize()"> 
     <div> 
     <input type="button" value="Move" onclick="button_click()"/> 
     </div> 
     <div id="map_canvas" style="width: 100%; height: 500px"></div> 
    </body> 
</html>