2008年6月30日 星期一

Google Maps API

Google Maps API 簡易使用文件
Summary
利用 var map = new GMap2 (document.getElementById("map")); 宣告一個 GMap 物件
Google Maps API 內建四種控制項:
GLargeMapControl : 適合給大型地圖的控制項。
GSmallMapControl : 適合給小型地圖的控制項。
GSmallZoomControl : 只有 Zoom Level 的調整,沒有地圖移動控制。
GMapTypeControl : 顯示地圖型態切換的控制項。
// 設定地圖中心點
map.setCenter(new GLatLng(centerY, centerX), ZoomSize);
// 使用自訂圖檔以顯示座標點
var GPSIcon = new GIcon(G_DEFAULT_ICON);
GPSIcon.image = "images/mainPhoto.gif";
GPSIcon.iconSize = new GSize(18, 14);
//設定點座標
var point = new GLatLng(SpotPointInfo[1]*1, SpotPointInfo[0]*1);
//產生一個點
var marker = new GMarker(point,{ icon:GPSIcon });
//在點上加入click動作以顯示說明方塊
GEvent.addListener(marker, "click", function() {
var myHtml = "#" + number + "
" + message[number -1]; map.openInfoWindowHtml(point, myHtml); });
//將點加入到地圖中
map.addOverlay(marker);

Google Maps API

沒有留言: