Google Maps Javascript API 第 3 版

Google在去年的時候己經推出新版的Google Map API 第三版

這個版本不但不用再申請API Key

還針對行動化裝置進行過處理

有興趣的可以參考Google Map API網站:

http://code.google.com/intl/zh-TW/apis/maps/documentation/javascript/basics.html

新版的宣告方式也跟第二版的不同

新版的宣告方式如下(因javascript tag會被擋,請看最下方程式碼有完整的宣告):

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

新版的地圖的宣告方式如下:

用Json來定義你預設的zoomlevl、中心點座標及底圖的型別

var myLatlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

最後再以new 出map物件,並把預設的myOptions物件代入,即可產生簡單的地圖元件

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

完整的程式碼如下:

詳細的資料可以參考:

http://code.google.com/intl/zh-TW/apis/maps/documentation/javascript/tutorial.html