您的位置:首页 > 其它

百度地图获取经纬度和当前精确位置名称

2016-08-16 09:52 555 查看
html部分:

<div class="sign_add_left" style="height:123px;border:#ccc solid 1px;" id="dituContent"></div>

js部分:

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=134db1b9cf1f1f2b4427210932b34dcb"></script>
<script type="text/javascript">
var map = new BMap.Map("dituContent");
var point = new BMap.Point(lng, lat);
map.centerAndZoom(point, 12);
map.enableScrollWheelZoom();
var geolocation = new BMap.Geolocation();

geolocation.getCurrentPosition(function (r) {
if (this.getStatus() == BMAP_STATUS_SUCCESS) {
var mk = new BMap.Marker(r.point);
map.addOverlay(mk);
map.panTo(r.point);
var pt = r.point;
var gc = new BMap.Geocoder();
gc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
detail_address = addComp.district + addComp.street + addComp.streetNumber;
address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
$("#address1").text(detail_address);
$("#address2").text(address);
})
document.getElementById("lat").value = r.point.lat;
document.getElementById("lng").value = r.point.lng;
// document.getElementById("h3").innerHTML = "";
}
else {
alert('failed' + this.getStatus());
}
})
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息