微信内置浏览器地图定位代码优化：精准获取门牌地址
<!DOCTYPE html>
<html>
<head>
<title>微信内置浏览器地图定位代码优化：精准获取门牌地址</title>
<style>
html, body, #map {
width: 100%;
height: 100%;
margin: 0;
}
</style>
</head>
<body>
<div id='map'></div>
<pre><code><script src='http://api.map.baidu.com/api?v=3.0&ak=Q7hhQzxGQt1Ea0Gg1crZjrSWvtY9eqkR'></script>
<script>
// 创建地图实例
var map = new BMap.Map('map');
// 创建定位控件
var geolocation = new BMap.Geolocation();
// 开启定位
geolocation.getCurrentPosition(function(result){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
// 定位成功，获取门牌地址
var point = result.point;
var geoc = new BMap.Geocoder();
geoc.getLocation(point, function(rs){
var address = rs.addressComponents;
console.log('门牌地址：' + address.province + address.city + address.district + address.street + address.streetNumber);
alert('门牌地址：' + address.province + address.city + address.district + address.street + address.streetNumber);
});
// 在地图上显示定位点
map.centerAndZoom(point, 17);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
}
else {
// 定位失败
console.log('定位失败：' + this.getStatus());
}
},{enableHighAccuracy: true});
</script>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/qBaA 著作权归作者所有。请勿转载和采集!