适用的Google地图开发-简单版

最下面是效果图:
key:AIzaSyBHJk6IaxZkZ5KUqiiOPkV3Pi3EXL04dWU(自己申请 https://code.google.com/apis/console
详细文档可找我私密。MSN: yummy@chinaclick.com.cn

任何 Google 地图 API 应用程序中的基础元素都是“地图”本身。

大量应用js,访问Google 的API。

在此之前较为麻烦的事申请Google 的key,相比都知道,Google 在中国市场的地位,因此Google 的key较难申请,

.Google Maps API 申请方式变更在Google Maps API 的部份,官方网站目前是建议使用新版本(v3)的API 进行开发,若您仍希望继续使用v2 的版本进行开发,您可能需要进行部份设定的修改,底下是设定的流程:

  1.使用Google帐号登入APIs Console (https://code.google.com/apis/console),并将Google Maps API v2的选项打开,如下图所示:

Google Maps API v2设置

  2.依据您的需求产生对应的Google Maps API Key ,若您是要继续采用v2 版本的方式使用Google Maps API ,请选择「Create new Browser Key」,之后将产生的Key 依据过去的方式填入对应的位置即可

注意V2版本对应的选项

  需要注意的是:

  1.依目前观察,已经在使用中的Google Maps API Key 是可以继续使用,并不会因为产生Key 的方式改变而有所变更。

  2.新的方式会统计并限制使用量(目前是限制每天25,000 次查询),若超过用量则需给付相关费用才可继续使用。

最近发现好多google的域名不能访问了!包括Android开发SDK都不能更新了!解决方法:

修改hosts文件

添加:

74.125.71.99 code.google.com

74.125.71.99 encrypted.google.com

74.125.71.99 suggestqueries.google.com

74.125.71.99 mail.google.com

74.125.71.99 groups.google.com

74.125.71.99 groups.google.com.hk

74.125.71.99 docs.google.com

74.125.71.99 docs0.google.com

74.125.71.99 docs1.google.com

74.125.71.99 spreadsheets.google.com

74.125.71.99 spreadsheets0.google.com

74.125.71.99 webcache.googleusercontent.com

74.125.71.99 sites.google.com

74.125.71.99 talkgadget.google.com

74.125.71.99 clients1.google.com

74.125.71.99 clients2.google.com

74.125.71.99 clients3.google.com

74.125.71.99 clients4.google.com

源码:

1.新建map_search.jsp页面

<%@page contentType="text/html; charset=utf-8" %>
<jsp:directive.page import="java.util.List"/>
<jsp:directive.page import="com.chinaclick.allen.product.util.Validator"/>
<jsp:directive.page import="com.chinaclick.core.pojo.impl.Area"/>
<jsp:directive.page import="java.util.Calendar"/>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib  prefix="fn" uri="/WEB-INF/fn.tld" %>
<%@ taglib prefix="fmt" uri="/WEB-INF/fmt.tld" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Merry home</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="${pageContext.request.contextPath }/front/css/house.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/front/css/css.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/front/css/fcss.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/front/css/Focuspic.css" rel="stylesheet" type="text/css" />
<script src="http://maps.google.com/maps?file=api&v=2&key=AIzaSyAtKxN9a9AzSCAC93azC8hrgqM1uDPPw0w" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/front/map/js/shopmap.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/front/map/js/map.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/front/map/js/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/front/js/jquery.js"></script>
<script src="${pageContext.request.contextPath }/front/map/js/prototype.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/front/map/js/search.js" type="text/javascript" id="dynjs"></script>
<link rel="SHORTCUT ICON" href="/House/image/logo.ico" />
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>

<script type="text/javascript">
 function selectTag01(showContent,selfObj){
  var tag = document.getElementById("tags01").getElementsByTagName("li");
  var taglength = tag.length;
  for(i=0; i<taglength; i++){
   tag[i].className = "";
  }
  selfObj.parentNode.className = "selectTag01";
  for(i=0; j=document.getElementById("tagContent01"+i); i++){
   j.style.display = "none";
  }
  document.getElementById(showContent).style.display = "block"; 

 }
</script>
<script type="text/javascript">
 function selectTag(showContent,selfObj){
  document.getElementById("tagContent4").style.display = "none";
  var tag = document.getElementById("tagsmenu").getElementsByTagName("li");
  var taglength = tag.length;
  for(i=0; i<taglength; i++){
   tag[i].className = "";
  }
  selfObj.parentNode.className = "selectTag";
   for(i=0; j=document.getElementById("tagContent"+i); i++){
    j.style.display = "none";
   }  
   document.getElementById(showContent).style.display = "block"; 
 }
</script>

<script type="text/javascript">
function loadScript(scriptpath) {
    var djs = document.getElementById("dynjs");
    djs.src = scriptpath;
}
//动态加载并执行 JavaScript 脚本

</script>


<script type="text/javascript">
 function sousuo(name,value){

  document.getElementById(name).value=value;
  //document.getElementById("fk").value="5";
  alert("值为---"+value);
  document.form1.submit();
 }
</script>
<%
int shopid=0;
float lat=31.2339f,lng=121.456f;
%>
<script type="text/javascript">
 var map=null;
     
      function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("content-map"));
  //增加控制
  map.addControl(new GSmallMapControl());
    
        var point = new GLatLng(<%=lat%>,<%=lng%>);
       map.setCenter(point,14);
       <%
       if(shopid!=0)
       {
       %>
      
     loadOneShop(<%=shopid%>);
      <%
       }else
       {
      %>
      loadMark();
      GEvent.addListener(map, "moveend",loadMark);
   
      <%
       }
      %>
      
  }
        }

</script>


<%--<script type="text/javascript">
  var map=null;
    function load() {
      if (GBrowserIsCompatible()) {

        map = new GMap2(document.getElementById("map"));
  //增加控制
  map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
  map.enableScrollWheelZoom();
     map.enableContinuousZoom();
  //设置中心点
  map.setCenter(new GLatLng(31.2, 121.4),14);
  //点击事件 获取用户点击位置的坐标并添加到 地理坐标输入框
  //GEvent.addListener(map, "click", function(marker, point) {
    //if (marker) {
      //map.removeOverlay(marker);
    //} else {
     // map.addOverlay(new GMarker(point));
      //window.opener.document.getElementById("lat").value =point.toString();
   // }
  //});
 }
    }
    //根据用户输入搜索
    function search(){
       var add=document.getElementById("address").value;
     // alert(add);
        if(add==""||add=="请输入关键字!"){
           alert("请输入关键字!");
        }else{
        var geocoder = new GClientGeocoder();
        geocoder.getLatLng(add, function(point){
           if (!point) {
                alert("请您尽量输入较为详细的地址!");
           }else{
             map.setCenter(point,14);
               var marker = new GMarker(point);
               map.addOverlay(marker);
               window.opener.document.getElementById("lat").value =point.toString();
           }
      }
      );
       }
    }
      //区域查询
    function searchByRoad(lat,lng,size){
        var point = new GLatLng(lat,lng);
        map.setCenter(point,size);
    }
</script>
--%></head>

<body οnlοad="load()">
<!--   Map search End   -->

<div class="map_search_right">
<div id="map-note" style="display: none;background:url(/House/front/images/mapxxbg.gif) no-repeat;width:213px;height:119px;padding:5px 0 5px 15px;position:absolute;right:0;top:30px;">

</div>
<!-- 地图位置 -->
<div id="content-map" style="width:760px;height:610px;margin-top: 5px;">
<div>
</div>
</div>
</div>


</div>
<!--   Container End   -->

<div class="clear"></div>
</form>
<!--   Footer Start   -->
<div id="footer">
<iframe frameborder=0 marginheight=0 width="100%" height="259" marginwidth=0 scrolling=no src="${pageContext.request.contextPath }/front/html/footer.html"></iframe>
</div>
<!--   Footer End   -->

</body>
</html>

 
2.js部分 map.js
var shopid;
var lat;
 function LabeledMarker(latlng, options){
    this.latlng = latlng;
    this.labelText = options.labelText || "";
    this.labelClass = options.labelClass || "map";
    this.labelOffset = options.labelOffset || new GSize(0, 0);
    this.count = options.count;
    shopid=options.shopid || 0;
    lat=latlng;
  
    GMarker.apply(this, arguments);
}
/* It's a limitation of JavaScript inheritance that we can't conveniently
   extend GMarker without having to run its constructor. In order for the
   constructor to run, it requires some dummy GLatLng. */
LabeledMarker.prototype = new GMarker(new GLatLng(0, 0));
// Creates the text div that goes over the marker.
LabeledMarker.prototype.initialize = function(map) {
 // Do the GMarker constructor first.
 GMarker.prototype.initialize.call(this, map);
 var div = document.createElement("div");
 div.className = this.labelClass;
 div.innerHTML = "<span style='display: block;color:#ffffff;padding-left:15px;line-height:30px;background-image:url(/House/front/images/lvk.gif);width:155px;height:40px;'>"+this.labelText+" ("+this.count+")"+"</span>";
 div.style.position = "absolute";
 div.style.cursor="hand";
 div.style.width = "169px";
 div.style.height = "40px";
 //div.style.zIndex = shopid;
 //
 div.id=shopid;
 //创建点击事件
 div.οnclick=function(){
     var x=event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)); 
     var y=event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop));
    
     menu.searchshop(div.id);
 //定位管理
     var left=parseInt(div.style.left);
     var top=parseInt(div.style.top);
      alert("left"+left+"top"+top);
      if(left>600) {
       left=600-400;
      }
     //if(left-250<0)
        //left=left+141;
     //else
        //left=left-650;
     document.getElementById("map-note").style.left=x-70;
    
     document.getElementById("map-note").style.top=y-150;
    
     document.getElementById("map-note").style.zIndex=1;
    
      document.getElementById("map-note").style.display="block";
    
 
 
 };
 //鼠标控制事件
 div.οnmοuseοver=function(){
  div.style.zIndex=1;
  div.style.backgroundImage="url(/House/front/images/lvglk.gif)";
 };
 div.οnmοuseοut=function(){
    div.style.zIndex=GOverlay.getZIndex(lat.lat());
    div.style.backgroundImage="url(/House/front/images/lvk.gif)";
 };
 
 map.getPane(G_MAP_MARKER_PANE).appendChild(div);
 this.map = map;
 this.div = div;
}
// Redraw the rectangle based on the current projection and zoom level
LabeledMarker.prototype.redraw = function(force) {
 GMarker.prototype.redraw.call(this, map);
 // We only need to do anything if the coordinate system has changed
 if (!force) return;
 // Calculate the DIV coordinates of two opposite corners of our bounds to
 // get the size and position of our rectangle
 var p = this.map.fromLatLngToDivPixel(this.latlng);
 var z = GOverlay.getZIndex(this.latlng.lat());
 // Now position our DIV based on the DIV coordinates of our bounds
 this.div.style.left = (p.x + this.labelOffset.width) + "px";
 this.div.style.top = (p.y + this.labelOffset.height) + "px";
 this.div.style.zIndex = z + 1; // in front of the marker
}
// Remove the main DIV from the map pane
LabeledMarker.prototype.remove = function() {
  this.div.parentNode.removeChild(this.div);
  this.div = null;
  GMarker.prototype.remove.call(this);
  }
 
3.shopmap.js


       
        //加载数据库信息,设置标记
  
  //设置图标
  var baseIcon = new GIcon();
        baseIcon.shadow = "";
        baseIcon.iconSize = new GSize(0, 0);
        baseIcon.shadowSize = new GSize(169, 40);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);
  
  
  
  /创建图标
       function createMarker(point,name,id,count) {
        
         name=name.substring(0,20);
       
        var icon = new GIcon(baseIcon);
        opts = {
  "icon": icon,
  "clickable": true,
  "draggable": false,
  "labelText": name,
  "shopid": id,
  "labelOffset": new GSize(-9,-34),
  "count":count
     };
      
        var marker = new LabeledMarker(point, opts);
  
         return marker;
        }
       
       
       /方法3、查看一个商家地图信息
       function loadOneShop(shopid)
       {
      
       map.clearOverlays();
    GDownloadUrl("oneshopdata.jsp?shopid="+shopid, function(data, responseCode) {
       var xml = GXml.parse(data);
       
       var markers = xml.documentElement.getElementsByTagName("marker");
    
       for (var i = 0; i <markers.length; i++) {
       var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
      
       map.addOverlay(createMarker(point,markers[i].getAttribute("name"),parseInt(markers[i].getAttribute("id")),parseInt(markers[i].getAttribute("count"))));
       
       }
       });
       }
      
      
       /方法3、从数据库中更新节点
       function loadMark()
       {
       close();
       map.clearOverlays();
       var bound=map.getBounds().toString();
      
    GDownloadUrl("shopdata.jsp?bound="+bound, function(data, responseCode) {
        alert(data);
        var arry = new Array();
      arry = data.split("},");
       for(var ai =0; ai<3;ai++)
       {
        
         var item=arry[ai];
        
        if(item.length==20){
        
        }else{
         var arr = new Array();
         //alert(item);
         arr = item.split(", ");
         var id ="";
         var estatename = "";
         var count="";
         var estatelat="";
         var estatelng="";
         var vimage="";
         for(var a=0;a<arr.length;a++)
         {
          var ava = arr[a];
          var avar = new Array();
          avar = ava.split("=");
          if(a==0)
          {
           estatelng=avar[1];
          }
          if(a==1)
          {
           vimage=avar[1];
          }
          if(a==2)
          {
           estatename=avar[1];
          }
          if(a==3)
          {
           estatelat=avar[1];
          }
          if(a==4)
          {
           count=avar[1];
          }
          if(a==5)
          {
           id=avar[1];
          }
          
         }
       //alert("最后取出的结果如下:  "+"id 的值是:"+id+" estatename 的值是:"+estatename+" count 的值是"+count+" vestatelat 的值是"+estatelat);
        if(estatelat>0 && estatelng>0) {
          var point = new GLatLng(parseFloat(estatelat),parseFloat(estatelng));
         if(ai==arry.length) {
          map.setCenter(point,14);
         }
         map.addOverlay(createMarker(point,estatename,id,count));
        
         }
         else {
        
          alert("no message!");
         }
       }
     }
      // loadScript("/House/front/map/js/search.js");
  
  // var testJson = eval("(" + result + ")");
  // var testJson =JSON.stringify(result);
   //alert("dddd:"+testJson);
   //alert(testJson.estatelat);
   // alert("");
    //for(var i=0;i <testJson.list.length;i++)
    // {
   
   // if(i==testJson.list.length-1) {
    // map.setCenter(point,15);
     //map.addOverlay(createMarker(point,testJson.list[i].estatename,testJson.list[i].id,testJson.list[i].count));
        // } else {
         //alert(testJson.list[i].estatename);
          
         //}
       
     // }
   
      // var markers = xml.documentElement.getElementsByTagName("marker");
    
       //for (var i = 0; i <markers.length; i++) {
      // var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
     
      // map.addOverlay(createMarker(point,markers[i].getAttribute("name"),parseInt(markers[i].getAttribute("id"))));
       
       //}
       });
       }
      
       4、输入框查询商家
   
       function search()
       {
        var add=document.getElementById("address").value;
     
       if(add==""||add=="Compound name,Road name")
        {
         alert("Please input inquires the conditions!");
        }
        else
        {
      
    var geocoder = new GClientGeocoder();
       geocoder.getLatLng(add, function(point){
  
  //alert(point);
      if (point==null) {
  
  alert("sorry,no find!");
       //alert("无法解析:");

      }else
       {
       //alert("sflasncsm;cvas"+add);
       searchByCompound(add);
       //map.setCenter(point,15);
     // loadMark();
        //var marker = new GMarker(point);
     // map.addOverlay(marker);
     // marker.openInfoWindowHtml(add);
      
     }
     }
    );
    }
      }
      //5、根据房源类型搜索
       function searchByType(type)
       {
       close();
       map.clearOverlays();
       var bound=map.getBounds().toString();
    GDownloadUrl("shopdata.jsp?bound="+bound+"&type="+type, function(data, responseCode) {
    //XmlDocument doc = new XmlDocument();
    //var xml= doc.LoadXml(data);
   // loadScript("/House/front/map/js/search.js");
    //alert("type------"+result);
  
     var arry = new Array();
      arry = data.split("},");
        // alert(arry.length);
       
        for(var ai =0; ai<arry.length;ai++)
       {
        
         var item=arry[ai];
        if(item.length==20){
        
        }else{
         var arr = new Array();
         // alert(item);
         arr = item.split(", ");
         var id ="";
         var estatename = "";
         var count="";
         var estatelat="";
         var estatelng="";
         var vimage="";
         for(var a=0;a<arr.length;a++)
         {
          var ava = arr[a];
          var avar = new Array();
          avar = ava.split("=");
          if(a==0)
          {
           estatelng=avar[1];
          }
          if(a==1)
          {
           vimage=avar[1];
          }
          if(a==2)
          {
           estatename=avar[1];
          }
          if(a==3)
          {
           estatelat=avar[1];
          }
          if(a==4)
          {
           count=avar[1];
          }
          if(a==5)
          {
           id=avar[1];
          }
          
         }
       //alert("最后取出的结果如下:  "+"id 的值是:"+id+" estatename 的值是:"+estatename+" count 的值是"+count+" vestatelat 的值是"+estatelat);
        if(estatelat>0 && estatelng>0) {
          var point = new GLatLng(parseFloat(estatelat),parseFloat(estatelng));
         if(ai==arry.length) {
          map.setCenter(point,14);
         }
         map.addOverlay(createMarker(point,estatename,id,count));
        
         }
         else {
        
          alert("no message!");
         }
       }
     }
       //var xml = GXml.parse("<marker id='400' name='olc house' lat='31.2105' lng='121.4481'></marker>");
      // alert("-kkk-"+xml);
      // var xml = createXml("<marker id='400' name='olc house' lat='31.2105' lng='121.4481'></marker>");
        //alert("-kkk-"+xml);
       //var markers = xml.documentElement.getElementsByTagName("marker");
       //for (var i = 0; i < markers.length; i++) {
      // var point = new GLatLng(parseFloat(markers[i].getAttribute("longail")),parseFloat(markers[i].getAttribute("crossd")));
      // map.addOverlay(createMarker(point,markers[i].getAttribute("title"),parseInt(markers[i].getAttribute("id"))));
       
      // }
       });
       }
       //6、根据房源布局搜索
       function searchByBedroom(bedroom) {
        close();
        map.clearOverlays();
        var bound=map.getBounds().toString();
     GDownloadUrl("shopdata.jsp?bound="+bound+"&bedroom="+bedroom, function(data, responseCode) {
    //XmlDocument doc = new XmlDocument();
    //var xml= doc.LoadXml(data);
    //loadScript("/House/front/map/js/search.js");
    //alert("bedroom------"+result);
     var arry = new Array();
      arry = data.split("},");
        // alert(arry.length);
       
        for(var ai =0; ai<arry.length;ai++)
       {
        
         var item=arry[ai];
        if(item.length==20){
        
        }else{
         var arr = new Array();
         // alert(item);
         arr = item.split(", ");
         var id ="";
         var estatename = "";
         var count="";
         var estatelat="";
         var estatelng="";
         var vimage="";
         for(var a=0;a<arr.length;a++)
         {
          var ava = arr[a];
          var avar = new Array();
          avar = ava.split("=");
          if(a==0)
          {
           estatelng=avar[1];
          }
          if(a==1)
          {
           vimage=avar[1];
          }
          if(a==2)
          {
           estatename=avar[1];
          }
          if(a==3)
          {
           estatelat=avar[1];
          }
          if(a==4)
          {
           count=avar[1];
          }
          if(a==5)
          {
           id=avar[1];
          }
          
         }
       //alert("最后取出的结果如下:  "+"id 的值是:"+id+" estatename 的值是:"+estatename+" count 的值是"+count+" vestatelat 的值是"+estatelat);
        if(estatelat>0 && estatelng>0) {
          var point = new GLatLng(parseFloat(estatelat),parseFloat(estatelng));
         if(ai==arry.length) {
          map.setCenter(point,14);
         }
         map.addOverlay(createMarker(point,estatename,id,count));
        
         }
         else {
        
          alert("no message!");
         }
       }
     }
       });
       }
       //7、根据房源价格搜索
       function searchByMoney(price) {
        close();
        map.clearOverlays();
        var bound=map.getBounds().toString();
     GDownloadUrl("shopdata.jsp?bound="+bound+"&price="+price, function(data, responseCode) {
    //XmlDocument doc = new XmlDocument();
    //var xml= doc.LoadXml(data);
    //loadScript("/House/front/map/js/search.js");
    //alert("price--------"+result);
     var arry = new Array();
      arry = data.split("},");
        // alert(arry.length);
       
       for(var ai =0; ai<arry.length;ai++)
       {
        
         var item=arry[ai];
        if(item.length==20){
        
        }else{
         var arr = new Array();
         // alert(item);
         arr = item.split(", ");
         var id ="";
         var estatename = "";
         var count="";
         var estatelat="";
         var estatelng="";
         var vimage="";
         for(var a=0;a<arr.length;a++)
         {
          var ava = arr[a];
          var avar = new Array();
          avar = ava.split("=");
          if(a==0)
          {
           estatelng=avar[1];
          }
          if(a==1)
          {
           vimage=avar[1];
          }
          if(a==2)
          {
           estatename=avar[1];
          }
          if(a==3)
          {
           estatelat=avar[1];
          }
          if(a==4)
          {
           count=avar[1];
          }
          if(a==5)
          {
           id=avar[1];
          }
          
         }
       //alert("最后取出的结果如下:  "+"id 的值是:"+id+" estatename 的值是:"+estatename+" count 的值是"+count+" vestatelat 的值是"+estatelat);
        if(estatelat>0 && estatelng>0) {
          var point = new GLatLng(parseFloat(estatelat),parseFloat(estatelng));
         if(ai==arry.length) {
          map.setCenter(point,14);
         }
         map.addOverlay(createMarker(point,estatename,id,count));
        
         }
         else {
        
          alert("no message!");
         }
       }
     }
       });
       }
        //8、根据小区名称搜索
       function searchByCompound(compoundName) {
        close();
        map.clearOverlays();
        var bound=map.getBounds().toString();
     GDownloadUrl("shopcompound.jsp?bound="+bound+"&compound="+compoundName, function(data, responseCode) {
    //XmlDocument doc = new XmlDocument();
    //var xml= doc.LoadXml(data);
    //loadScript("/House/front/map/js/search.js");
    //alert("compound------"+result);
    //alert("name--------"+data);
   // var testJson = eval("(" + result + ")");
    //alert("cczsczczc");
   // alert(data);
    var arry = new Array();
      arry = data.split("},");
        // alert(arry.length);
       // alert("xx");
       for(var ai =0; ai<arry.length;ai++)
       {
        
         var item=arry[ai];
        if(item.length==20){
        
        }else{
         var arr = new Array();
         // alert(item);
         arr = item.split(", ");
         var id ="";
         var estatename = "";
         var count="";
         var estatelat="";
         var estatelng="";
         var vimage="";
         for(var a=0;a<arr.length;a++)
         {
          var ava = arr[a];
          var avar = new Array();
          avar = ava.split("=");
          if(a==0)
          {
           estatelng=avar[1];
          }
          if(a==1)
          {
           vimage=avar[1];
          }
          if(a==2)
          {
           estatename=avar[1];
          }
          if(a==3)
          {
           estatelat=avar[1];
          }
          if(a==4)
          {
           count=avar[1];
          }
          if(a==5)
          {
           id=avar[1];
          }
          
         }
       //alert("最后取出的结果如下:  "+"id 的值是:"+id+" estatename 的值是:"+estatename+" count 的值是"+count+" vestatelat 的值是"+estatelat);
        if(estatelat>0 && estatelng>0) {
          var point = new GLatLng(parseFloat(estatelat),parseFloat(estatelng));
         if(ai==arry.length) {
          map.setCenter(point,14);
         }
         map.addOverlay(createMarker(point,estatename,id,count));
        
         }
         else {
        
          alert("no message!");
         }
       }
     }
       });
       }
       //9、按照区域查询
       function searchByRoad(roadValue)
       {
      //alert(roadValue);
      
      var geocoder = new GClientGeocoder();
       geocoder.getLatLng("shanghai"+roadValue, function(point){
  
  //alert(point);
      if (!point) {
        alert("无法解析:" + roadValue);
      }else
       {
       map.setCenter(point,14);
      ;
       var marker = new GMarker(point);
      map.addOverlay(marker);
      marker.openInfoWindowHtml(roadValue);
      
     }
     }
    );
       }
      
       function close()
       {
        document.getElementById("map-note").style.display="none";
       }
      
      
      
      
       8、All查询
       function searchByAll() {
        close();
        map.clearOverlays();
        var bound=map.getBounds().toString();
     GDownloadUrl("shopdata.jsp?bound="+bound+"&scope=all", function(data, responseCode) {
    //XmlDocument doc = new XmlDocument();
    //var xml= doc.LoadXml(data);
    //loadScript("/House/front/map/js/search.js");
    //alert("price--------"+result);
   
     var arry = new Array();
      arry = data.split("},");
        // alert(arry.length);
       
        for(var ai =0; ai<arry.length;ai++)
       {
        
         var item=arry[ai];
        if(item.length==20){
        
        }else{
         var arr = new Array();
         // alert(item);
         arr = item.split(", ");
         var id ="";
         var estatename = "";
         var count="";
         var estatelat="";
         var estatelng="";
         var vimage="";
         for(var a=0;a<arr.length;a++)
         {
          var ava = arr[a];
          var avar = new Array();
          avar = ava.split("=");
          if(a==0)
          {
           estatelng=avar[1];
          }
          if(a==1)
          {
           vimage=avar[1];
          }
          if(a==2)
          {
           estatename=avar[1];
          }
          if(a==3)
          {
           estatelat=avar[1];
          }
          if(a==4)
          {
           count=avar[1];
          }
          if(a==5)
          {
           id=avar[1];
          }
          
         }
       //alert("最后取出的结果如下:  "+"id 的值是:"+id+" estatename 的值是:"+estatename+" count 的值是"+count+" vestatelat 的值是"+estatelat);
        if(estatelat>0 && estatelng>0) {
          var point = new GLatLng(parseFloat(estatelat),parseFloat(estatelng));
         if(ai==arry.length) {
          map.setCenter(point,14);
         }
         map.addOverlay(createMarker(point,estatename,id,count));
        
         }
         else {
        
          alert("no message!");
         }
       }
     }
       });
       }
      


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值