google地图学习总结2(与jquery结合)

来源：互联网发布：淘宝卖家在哪里面注册编辑：程序博客网时间：2024/06/06 05:25

< script src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN"
            type="text/java script "></ script >

   < script type="text/java script ">
      //启动时调用google地图引擎
   $(document).ready(function(){
     if (GBrowserIsCompatible()) {
           //调用googlemap相应方法
          initialize();

//动态显示点信息(动态泡泡效果)
showmyMsg();

           //释放资源信息
           $(window).unload(function (){
    　　　　　$('.').unbind();
    　　　　　GUnload();
    　　});
       }else{
   　　 alert('你使用的浏览器不支持 Google Map!');　　
   　 }
     })

var map;//全局调用地图信息
function initialize() {
  map = new GMap2(document.getElementById("map_canvas"));
  //是否有默认点(定位时要除以1000000)
  var srclat=document.getElementById("search.plat").value/1000000.0;
  var srlng=document.getElementById("search.plng").value/1000000.0;
  //默认定位点
  if(srclat!=0){
           point= new GLatLng(srclat, srlng);
           map.setCenter(point, 16);
          //增加点的层
           var marker = new GMarker(point,{draggable:false});
           map.addOverlay(marker);
          //单击标识事件,查看经纬度
          GEvent.addListener(map, "click", function(overlay, latlng) {
          GEvent.addListener(marker, "click", function() {
                var html = "<table>" +
                           "<tr><td>商家名称:</td> <td> <s:property value='mapcard.MERCHANTNAME'/> </td> </tr>" +
                           "</table>";
                marker.openInfoWindow(html);
           });
          });
  }else{
    map.setCenter(new GLatLng(24.894689, 118.602218), 12);
  }
}

//动态显示点信息(动态泡泡效果)
  var userLog script =<s:property value="json500m" escape="false"/>;//Json数据集
  var doNowI =1;
  //泡泡效果(每隔1s动态变化)
  function showmyMsg(){
       if(userLog script .length ==0)return;
        if(userLog script .length == doNowI)doNowI = 0;
       var lat=userLog script [doNowI]["LAT"]/1000000.0;
       var lng=userLog script [doNowI]["LNG"]/1000000.0;
        var name=userLog script [doNowI]['SPECIALNAME'];
        var point=new GLatLng(lat, lng);
       map.panTo(point);//平移到指定的点
      var html = "<table>" +
       "<tr><td>商家名称:</td> <td> "+name+
                         "<tr><td>经度:</td> <td> "+lat+" </td> </tr>" +
                         "<tr><td>纬度:</td> <td> "+lng+" </td> </tr>" +
                         "</table>";

        //指定点,打开显法信息
       map.openInfoWindowHtml(point,html);
       doNowI ++;
       window.setTimeout(showmyMsg, 5000);//定时调用该方法5秒钟
  };
</ script >