2011-07-15 256 views
1

我試圖在我的應用程序中插入谷歌地圖。谷歌地圖標記

我想標記從源到目的地的位置,它們都提供。

我完全是JavaScript的新手,所以請幫助我。

說我'現在使用的代碼是:

<script type="text/javascript"> 

     function initialize() 
     { 
      if (GBrowserIsCompatible()) { 
      var map = new GMap2(document.getElementById("map_canvas")); 
      map.setCenter(new GLatLng(37.4419, -122.1419), 13); 
      var polyline = new GPolyline([ 
      new GLatLng(37.4419, -122.1419), 
      new GLatLng(37.4519, -122.1519) 
      ], "#ff0000", 10); 
      map.addOverlay(polyline); 
      } 
     }​​ 
</script> 

如何導入與此相關的代碼谷歌的API?

+0

您需要描述什麼是不工作 –

+0

術語「源和目標」沒有在你的代碼中,只有用戶的當前位置。當您查看您的網頁時,是否有任何控制檯錯誤?你是否驗證過init()被調用? –

+0

截至目前,我得到一個空白的白色屏幕..我想我會得到地圖,一旦我進口所需的API ..不知道如何做到這一點。 – Khush

回答

3

由於GMap2(...),您正在使用API​​ V2。在這種情況下插入

<script type="text/javascript" 
     src="http://maps.google.com/mapsfile=api&amp;v=2&amp;key=KEY&amp;sensor=false"> 
</script> 

到您的HTML文檔的<head>部分。 KEY是您可以從Google獲得的Google API密鑰。但是,最好是使用版本V3的API。那麼你不需要鑰匙。在V3中插入

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> 
</script> 

進入您的HTML文檔的<head>部分。 另請參閱Google Map API v3 tutorial。在你的文件中你應該有一個​​。創建地圖V3作爲

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);