2011年4月12日 星期二

Google Maps Javascript API 第 3 版

Google在去年的時候己經推出新版的Google Map API 第三版
這個版本不但不用再申請API Key
還針對行動化裝置進行過處理
有興趣的可以參考Google Map API網站:

新版的宣告方式也跟第二版的不同
新版的宣告方式如下(因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);

完整的程式碼如下:


詳細的資料可以參考:



沒有留言:

張貼留言