<!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&amp;v=2&amp;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 阅读(410) 评论(0)  编辑  收藏 所属分类: Google Map

只有注册用户登录后才能发表评论。


网站导航: