百度地图周边搜索最近的POI查询

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>所有POI的查询-地址解析</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
</head>
<body>
<input type="button" οnclick="displayPOI();" value="断定" />
<div style="width:600px;height:340px;border:1px solid gray;float:left;" id="container"></div>
<div style="width:300px;height:340px;border:1px solid gray;border-left:0;float:left;" id="panel"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");
var mPoint = new BMap.Point(116.404, 39.915);
map.centerAndZoom(mPoint, 16);
map.enableScrollWheelZoom();        //启用滚轮缩放

var mOption = {
    poiRadius :100,           //半径为1000米内的POI,默认100米
    numPois :10                //列举出50个POI,默认10个
}

var myGeo = new BMap.Geocoder();        //创建地址解析实例

function displayPOI(){
    document.getElementById("panel").innerHTML  = "";
    map.addOverlay(new BMap.Circle(mPoint,500));        //添加一个圆形覆盖物
    myGeo.getLocation(mPoint,
        function mCallback(rs){
            var allPois = rs.surroundingPois;       //获取全部POI(该点半径为100米内有6个POI点)
            for(i=0;i<allPois.length;++i){
                document.getElementById("panel").innerHTML += "<p style=font-size:12px;>" + (i+1) + "、" + allPois[i].title + ",地址:" + allPois[i].address + ",LAT:"+ allPois[i].latitude +"</p>";
                map.addOverlay(new BMap.Marker(allPois[i].point));                
            }
        },mOption
    );
}


</script>
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值