当前位置: 代码迷 >> Java Web开发 >> map中目的地的搜索有关问题。怎么建立联系。
  详细解决方案

map中目的地的搜索有关问题。怎么建立联系。

热度:5817   发布时间:2013-02-25 21:14:57.0
地图中目的地的搜索问题。。。。如何建立联系。。
HTML code
<%@page contentType="text/html; charset=gb2312" pageEncoding="GBK" language="java" import="java.sql.*"  import="java.util.*"%><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="keywords" content="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" /><meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" /><title>寻找附近地</title><!--引用百度地图API--><style type="text/css">    html,body{margin:0;padding:0;}    .iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}</style><script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.3&services=true"></script></head><body>请输入您要搜索的目的地:<input type="text" name="st" value="市中区"><input type="button" onClick="sousuo(st);" value="搜索" /><!--百度地图容器 --><div style="width:500px;height:400px;border:#ccc solid 1px;margin-left:50px;" id="container"></div>   <!--此容器在目前这个程序中就叫dituContent--><script type="text/javascript">         //创建和初始化地图函数:    var map = new BMap.Map("container");                  // 创建Map实例    var point = new BMap.Point(117.024967,36.682785);    // 创建点坐标    map.centerAndZoom(point,12);               // 初始化地图,设置中心点坐标和地图级别。    map.enableScrollWheelZoom();        //启用地图滚轮放大缩小    var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});    map.addControl(ctrl_ove);          //添加缩略图控件    var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});    map.addControl(ctrl_sca);          //添加比例尺控件    //此行以上仅仅是画出一个基本的地图(此程序中默认济南为中心城市)function addMarker(results,point, index){                 // 创建目的地的标注图标            var addressIcon = new BMap.Icon("images/baidu.jpg", //图片地址(相对地址)            new BMap.Size(40, 64),                // 标注显示大小                        {                            offset: new BMap.Size(20, 64),     // 标注底部小尖尖的偏移量                            imageOffset: new BMap.Size(0, 0)   // 这里相当于CSS sprites                        });        var infoWindow = new BMap.InfoWindow("<div style='line-height:1.8em;font-size:12px;'><b>名称:</b>"+point.title+"</br><b>地址:</b>"+point.address+"</br><b>电话:</b>"+point.phoneNumber+"</br><b>口碑:</b><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /></div>");  // 创建信息窗口对象,用于显示目的地信息            marker.addEventListener("click", function(){                  marker.openInfoWindow(infoWindow);        }    );        var marker = new BMap.Marker(point.point, {icon: addressIcon}); //创建一个地图标记        marker.addEventListener("click", function(){                  marker.openInfoWindow(infoWindow);        }    );        map.addOverlay(marker);        }//查询完毕的回调函数        var searchComplete = function (results){                   if (local.getStatus() != BMAP_STATUS_SUCCESS){        return ;    }                for(var cnt = 0; cnt < results.getCurrentNumPois(); cnt++){                         var point = results.getPoi(cnt);                       addMarker(results,point, cnt);                  }            }        var local = new BMap.LocalSearch(map,{onSearchComplete: searchComplete});   //构造一个查询     //具体搜索的函数function sousuo(st){            map.clearOverlays();      //清除地图标记,相当于初始化              local.search(st);        //用search函数查找传过来的st        }</script>    </body></html>
  相关解决方案