批量反地址解析商圈-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43708218/article/details/108523864

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>批量反地址解析商圈</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body>
<input type="button" value="批量反地址解析商圈" onclick="bdGEO()" />
<div id="result"></div>
</body>
</html>
<script type="text/javascript">
var index = 0;
var myGeo = new BMap.Geocoder();
var adds = [
new BMap.Point(116.354682,39.95134),
new BMap.Point(116.445806,39.933859),
new BMap.Point(116.421373,39.952888),
new BMap.Point(116.383428,39.884491)
];
 
function bdGEO(){
    var pt = adds[index];
    geocodeSearch(pt);
    index++;
}
function geocodeSearch(pt){
    if(index < adds.length){
        setTimeout(window.bdGEO,300);
    }
    myGeo.getLocation(pt, function(rs){
        var addComp = rs.addressComponents;
        document.getElementById("result").innerHTML += adds[index-1].lng + "," + adds[index-1].lat + "："  + "商圈(" + rs.business + ")  结构化数据(" + addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber + ")</br>";
    });
}
</script>