百度地图定位+逆地址解析+导航

来源：互联网发布：如何安装平面设计软件编辑：程序博客网时间：2024/05/16 11:46

<!DOCTYPE html>

<html>

<head>

body, html,#allmap {width: 100%;height: 80%;overflow: hidden;margin:0;font-family:"微软雅黑";}

</style>

</head>

<body>

<div style="font-size: 20px;" onclick="location1()">点击再次获取</div>

</body>

</html>

// 百度地图API功能

$(function(){

location1();

});

function navigation(){

var longitude = 119.317827;//经度

var latitude = 26.090568;//纬度

var storeName = '我的的小店';

var storeAddr = '世外桃源';

var str="http://api.map.baidu.com/marker?location="+latitude+","+longitude+"&title="+storeName+"&content="+storeAddr+"&output=html&src=yourCompanyName";

$("#mytest").attr("href",str);

initMapConverseReAddressMobile("allmap",11,"pointllentity");

theLocationBylnglat(15,longitude,latitude,"pointllentity");

};

function location1(){

var map = new BMap.Map("allmap");

var point = new BMap.Point();

map.centerAndZoom(point,28);

var geolocation = new BMap.Geolocation();

geolocation.getCurrentPosition(function(r){

console.log(this)

if(this.getStatus() == 0){

var mk = new BMap.Marker(r.point);

map.addOverlay(mk);

map.panTo(r.point);

alert('您的位置：'+r.point.lng+','+r.point.lat);

point=r.point;

test(point);

}

else {

alert('failed'+this.getStatus());

}

},{enableHighAccuracy: true});

};

function test(point){

var geoc = new BMap.Geocoder();

geoc.getLocation(point, function(rs){

console.log(rs);

console.log("------");

console.log(point);

var addComp = rs.addressComponents;

alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);

});

};

</script>

</html>

阅读全文

0 0