<!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 标签包含 Google 地图,key传递 sensor 参数以指明此应用程序是否使用传感器来确定用户位置-->
<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"));
//住：缩放级别：在普通地图视图内，可以使用 0（最低缩放级别，在地图上可以看到整个世界）
//到 19（最高缩放级别，可以看到独立建筑物）
map.setCenter(new GLatLng(38.8894211,121.5866657), 15);
//在 Google 地图 API 中，地图使用标准的“绘制”图块显示
//所有类型：G_NORMAL_MAP- 默认视图，
//G_SATELLITE_MAP - 显示 Google 地球卫星图像
//G_HYBRID_MAP - 混合显示普通视图和卫星视图
//G_DEFAULT_MAP_TYPES - 这三个类型的数组，在需要重复处理的情况下非常有用
map.setMapType(G_NORMAL_MAP);
window.setTimeout(function() {
//中心移动至新坐标
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()">
<!--让其显示在网页中-->
<div id="map_canvas" style="width: 600px; height: 600px"></div>
</body>
</html>
posted on 2010-04-05 16:25
Ying-er 阅读(579)
评论(0) 编辑 收藏 所属分类:
Google Map