html5实现定位签到,H5+百度地图实现移动端考勤定位打卡

H5+百度地图实现考勤定位打卡

html页面引入百度地图 (记得更改密钥)

确保线上服务为https协议

案例代码

const {BMap,BMAP_STATUS_SUCCESS,BMAP_ANCHOR_TOP_LEFT}=window;

// 定位

const _$that = this;

const map = this.map;

// 第一次绘制

// 创建新的标注开始

var pt2 = new BMap.Point(r.point.lng , r.point.lat );

var myIcon2 = new BMap.Icon(MyposImg, new BMap.Size(42,53));

var marker2 = new BMap.Marker(pt2,{icon:myIcon2}); // 创建标注

marker2.setTop(true,27000000);

map.addOverlay(marker2);

var points = [{"lng":actAttendanceInfo.jd,"lat":actAttendanceInfo.wd,"status":1,"id":50},

{"lng":r.point.lng,"lat":r.point.lat,"status":1,"id":5}

];

var view = map.getViewport(eval(points));

var mapZoom = view.zoom;

var centerPoint = view.center;

m