<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<!--使用 script 標(biāo)簽包含 Google 地圖,key傳遞 sensor 參數(shù)以指明此應(yīng)用程序是否使用傳感器來確定用戶位置-->
<script src="http://ditu.google.cn/maps?file=api&v=2&key=abcdefg&sensor=true_or_false"
type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
var map= new GMap2(document.getElementById("map_canvas"));
//住：縮放級別：在普通地圖視圖內(nèi)，可以使用 0（最低縮放級別，在地圖上可以看到整個世界）
//到 19（最高縮放級別，可以看到獨(dú)立建筑物）
map.setCenter(new GLatLng(38.8894211,121.5866657), 15);
//在 Google 地圖 API 中，地圖使用標(biāo)準(zhǔn)的“繪制”圖塊顯示
//所有類型：G_NORMAL_MAP- 默認(rèn)視圖，
//G_SATELLITE_MAP - 顯示 Google 地球衛(wèi)星圖像
//G_HYBRID_MAP - 混合顯示普通視圖和衛(wèi)星視圖
//G_DEFAULT_MAP_TYPES - 這三個類型的數(shù)組，在需要重復(fù)處理的情況下非常有用
map.setMapType(G_NORMAL_MAP);
window.setTimeout(function() {
//中心移動至新坐標(biāo)
map.panTo(new GLatLng(38.881946,121.587964));
map.setCenter(new GLatLng(38.881946,121.587964), 15);
//在中心處顯示一個信息窗口
map.openInfoWindow(map.getCenter(),
document.createTextNode("星海廣場"));
//停頓8秒
}, 8000);
}
</script>
</head>
<!--使用onLoad 事件初始化地圖對象-->
<body onload="initialize()" onunload="GUnload()">
<!--讓其顯示在網(wǎng)頁中-->
<div id="map_canvas" style="width: 600px; height: 600px"></div>
</body>
</html>
posted on 2010-04-05 16:25
Ying-er 閱讀(598)
評論(0) 編輯 收藏 所屬分類:
Google Map