指定位置签到-百度地图

来源:互联网 发布:外汇模拟软件app 编辑:程序博客网 时间:2024/05/21 11:16

1.引用百度地图js

<script src="http://api.map.baidu.com/api?v=2.0&ak=ak" type="text/javascript"></script>

2.页面上要存在一个id=map的div容器,用于实例化map;
3.获取当前位置并计算与签到点的距离

 var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){    if(this.getStatus() == BMAP_STATUS_SUCCESS){        var coordinate = "${entity.coordinate}";//设置的签到点        var arr = coordinate.split(",");        var lon = arr[0];        var lat = arr[1];        var mk = new BMap.Marker(r.point);        var currLon = r.point.lng;//当前位置经度        var currLat = r.point.lat;//当前位置维度        var map = new BMap.Map("map");        var pointA = new BMap.Point(lon,lat);         var pointB = new BMap.Point(currLon,currLat);         var distance = map.getDistance(pointA,pointB).toFixed(2);        console.log("距离为"+distance);    } else {        $("#errormsg").html("定位出错,请重新尝试");        $("#errormsg").show();        cosole.log('failed'+this.getStatus());    }        },{enableHighAccuracy: true})
0 0
原创粉丝点击