在方向頁面嵌入谷歌地圖地圖

Question

我希望我的導航頁面具有與this頁面相同的功能，即Google地圖對象從右邊的表格更新。我怎麼能在我的網頁上有這個？我正在使用Django順便說一句，但我認爲這不會有太大的影響......對於這樣的事情，實現應該是普遍的。

Answer 1

我已經在Drupal站點內完成了這項工作。代碼API非常簡單。您可以使用經度和緯度作爲中心點生成初始交互式地圖。

function initialize() { 

     if (GBrowserIsCompatible()) { 
     var map = new GMap2(document.getElementById("map_canvas")); 
     map.setCenter(new GLatLng(37.4419, -122.1419), 13); 
     } 
    } 

然後，您需要將您的路線表格打電話給Google Geocoder。這將把輸入的地址變成經度和地位 - 儘管你也許可以繞過這一步。

然後，使用新獲得的Long & Lat來生成方向請求（再次使用Google API）。

// Create a directions object and register a map and DIV to hold the 
// resulting computed directions 

var map; 
var directionsPanel; 
var directions; 

function initialize() { 
    map = new GMap2(document.getElementById("map_canvas")); 
    map.setCenter(new GLatLng(42.351505,-71.094455), 15); 
    directionsPanel = document.getElementById("route"); 
    directions = new GDirections(map, directionsPanel); 
    directions.load("from: 500 Memorial Drive, Cambridge, MA to: 4 Yawkey Way, Boston, MA 02215 (Fenway Park)"); 
} 

所有的Javascript都可以直接進入你的HTML。我建議你花點時間研究http://code.google.com/apis/ajax/playground/