龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

百度地图周边环境搜索方法

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
文章简单的介绍了关于直接利用百度地图api来实现搜索周边环境的功能有如地铁 公交车站 餐饮 银行 商场 学校 医院 加油站等功能,有需要的可以参考一下。 代码如下 div class=suite_det
文章简单的介绍了关于直接利用百度地图api来实现搜索周边环境的功能有如地铁 公交车站 餐饮 银行 商场 学校 医院 加油站等功能,有需要的可以参考一下。
 代码如下


<div class="suite_detailed_map clearfix">

         <ul><div id="container" style="width:553px; height:226px;"></div></ul>
    <script type="text/javascript">
    var map = new BMap.Map("container");
    var point = new BMap.Point(116.245231,39.908534);
    // 编写自定义函数,创建标注
    var myIcon = new BMap.Icon( "http://api.map.baidu.com/img/markers.png",new BMap.Size(23, 25),
    {
     offset: new BMap.Size(10, 25),
     imageOffset: new BMap.Size(0, 0 - 10 * 25)
    });

    map.centerAndZoom(point, 15);
    var marker = new BMap.Marker(point,{icon: myIcon});         // 创建标注
    map.addOverlay(marker);                         // 将标注添加到地图中
    var opts = {
      width : 250,                    // 信息窗口宽度
      height: 20,                     // 信息窗口高度
      title : "远洋山水"  // 信息窗口标题
    }
    var infoWindow = new BMap.InfoWindow("地址:玉泉西里二区", opts);  // 创建信息窗口对象
    marker.addEventListener("click", function(){         
       this.openInfoWindow(infoWindow); 
    });

    function findadr(v)
    {
     var map2 = new BMap.Map("container");
     var point2 = new BMap.Point(116.245231,39.908534);
     map2.centerAndZoom(point2, 15);

     var marker2 = new BMap.Marker(point2, {icon: myIcon});
     map2.addOverlay(marker2);
     var local = new BMap.LocalSearch(map2, {renderOptions:{map: map2, autoViewport:true,selectFirstResult: false}});
     local.searchInBounds(v, map2.getBounds());
    }
    </script>
            <dl>
             <dd><input name="mapop" onclick="findadr(this.value)" type="radio" value="地铁" /><img src="/themes/2010a/template/housesell/media/upload/suite_detailed_map1.gif" />地铁</dd>
                <dd><input name="mapop" onclick="findadr(this.value)" type="radio" value="公交车站" /><img src="/themes/2010a/template/housesell/media/upload/suite_detailed_map2.gif" />公交车站</dd>
                <dd><input name="mapop" onclick="findadr(this.value)" type="radio" value="餐饮" /><img src="/themes/2010a/template/housesell/media/upload/suite_detailed_map3.gif" />餐饮</dd>
                <dd><input name="mapop"  onclick="findadr(this.value)" type="radio" value="银行" /><img src="/themes/2010a/template/housesell/media/upload/suite_detailed_map4.gif" />银行</dd>

                <dd><input name="mapop"  onclick="findadr(this.value)" type="radio" value="商场" /><img src="/themes/2010a/template/housesell/media/upload/suite_detailed_map5.gif" />商场</dd>
                <dd><input name="mapop"  onclick="findadr(this.value)" type="radio" value="学校" /><img src="/themes/2010a/template/housesell/media/upload/suite_detailed_map6.gif" />学校</dd>
                <dd><input name="mapop"  onclick="findadr(this.value)" type="radio" value="医院" /><img src="/themes/2010a/template/housesell/media/upload/suite_detailed_map7.gif" />医院</dd>
                <dd><input name="mapop"  onclick="findadr(this.value)" type="radio" value="加油站" /><img src="/themes/2010a/template/housesell/media/upload/suite_detailed_map8.gif" />加油站</dd>
                <dd><a href="/ditu/" class="blue_line">查看大地图&gt;&gt;</a></dd>
            </dl>

     </div>


精彩图集

赞助商链接