百度地图点击地图获取地址

来源：互联网发布：爱淘宝一元红包链接编辑：程序博客网时间：2024/06/05 16:03

<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>百度地图点击地图获取地址信息</title><style>body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}</style></head><body><div id="map"></div><script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script><script>    var map = new BMap.Map("map"); //创建地图到ID元素容器    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别    var geocoder= new BMap.Geocoder();     map.addEventListener("click",function(e){ //给地图添加点击事件        geocoder.getLocation(e.point,function(rs){            console.log(rs.address); //地址描述(string)            console.log(rs.addressComponents);//结构化的地址描述(object)            console.log(rs.addressComponents.province); //省            console.log(rs.addressComponents.city); //城市            console.log(rs.addressComponents.district); //区县            console.log(rs.addressComponents.street); //街道            console.log(rs.addressComponents.streetNumber); //门牌号            console.log(rs.surroundingPois); //附近的POI点(array)            console.log(rs.business); //商圈字段，代表此点所属的商圈(string)        });    });</script></body></html>

阅读全文

0 0