将中心点移动至指定位置，并显示其信息【GMap 学习笔记】

将中心点移动至指定位置，并显示其信息【GMap 学习笔记】

<! 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 >