这里写自定义目录标题
导入api
下面展示一些 内联代码片
。
```javascript
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=百度地图密钥">
获取自身定位
- 创建容器
<div id="container"></div>
- 引入地图
var map = new BMap.Map("container");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,19);
- 获取定位
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
console.log(r)
if(this.getStatus() == BMAP_STATUS_SUCCESS){
var mk = new BMap.Marker(r.point);
map.addOverlay(mk);
map.panTo(r.point);
console.log(point)
console.log('您的位置:'+r.point.lng+','+r.point.lat);
}
else {
console.log('failed'+this.getStatus());
}
})
获取目标点定位
通过在地图上的点击事件触发
var geoc = new BMap.Geocoder();
map.addEventListener("click", function(e){
var pt = e.point;
//alert(getDistance(r.point.lng,r.point.lat,pt.lat,pt.lng))
console.log(point.lat,point.lng,pt.lat,pt.lng)
var dis= getDistance(point.lat,point.lng,pt.lat,pt.lng)
console.log(dis);
});
通过经纬度计算距离的函数
function getDistance(lat1, lng1, lat2, lng2) {
var distance_str = "";
// 四个值都存在进行距离计算
if (lat1 != undefined && lng1 != undefined && lat2 != null && lng2 != null) {
lat2 = lat2 * 1
lng2 = lng2 * 1
var radLat1 = rad(lat1);
var radLat2 = rad(lat2);
var a = radLat1 - radLat2;
var b = rad(lng1) - rad(lng2);
var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +
Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
s = s * 6378.137; // EARTH_RADIUS;
s = Math.round(s * 10000) / 10000; //输出为公里
var distance = s;
if (distance) {
if (parseInt(distance) >= 1) {
distance_str = distance.toFixed(1) + "km";
} else {
distance_str = distance * 1000 + "m";
}
}
}
return distance_str;
}
function rad(d) {
return d * Math.PI / 180.0;
}