编写个调用百度httpapimapbaiducomapiv=30&ak精准定位到门牌地址的html代码
以下是一个调用百度地图API进行精准定位到门牌地址的HTML代码示例:
<!DOCTYPE html>
<html>
<head>
<title>精准定位到门牌地址</title>
</head>
<body>
<div id="map" style="width: 100%; height: 500px;"></div>
<script src="http://api.map.baidu.com/api?v=3.0&ak=你的百度地图AK"></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);
});
// 在地图上显示定位点
map.centerAndZoom(point, 17);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
}
else {
// 定位失败
console.log('定位失败:' + this.getStatus());
}
},{enableHighAccuracy: true});
</script>
</body>
</html>
请将代码中的你的百度地图AK替换为你自己的百度地图开发者AK。该代码会在地图上显示定位点,并通过控制台输出精准的门牌地址信息
原文地址: https://www.cveoy.top/t/topic/iU60 著作权归作者所有。请勿转载和采集!