微信企业号开发之微信考勤百度地图定位
之前在微信企业号开发:微信考勤中使用了百度地图的定位组件,但发现在部分手机上会出现定位失败的提示,于是有研究了一下百度地图。原来使用的Web组件百度不打算更新了,也是重新查了一下百度地图的其他API,还有一个JavaScript API大众版,于是试了试,没想到竟然解决了。
核心代码很简单:
<div id="allmap"></div> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=kkkk"></script> <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); var circle = new BMap.Geolocation(); circle.getCurrentPosition(locationResult); // map.addOverlay(circle); function locationResult(geolocationResult) { var Status = this.getStatus() if (Status == 0)//检索成功。对应数值“0”。 { $("#lng").val(geolocationResult.point.lng); $("#lat").val(geolocationResult.point.lat); var address = geolocationResult.address; $("#city").val(address.city); $("#district").val(address.district); $("#street").val(address.street); $("#address").val(address.province + address.city + address.district + address.street + address.street_number); } else { alert("定位失败错误码" + Status) } } </script>
实现效果
以上内容给大家分享的微信企业公众号开发之微信考勤百度地图定位,代码简单易懂,需要的朋友快来学习吧。
相关推荐
YClimb 2019-06-21
maodouhuasheng 2014-09-29
极客研习社 2014-09-28
skytechcs 2014-09-28
MouseWang 2019-04-29
badroot 2014-09-24
lekuhu 2014-09-29
PHP100 2019-03-28
戴翔的技术 2020-06-05
Soleilhao 2019-04-30
jieq 2019-06-21
bruceli 2016-03-31
cncici 2014-11-23
dashi 2017-03-29
cugihb 2016-05-02
crayydog 2015-01-14
tumobi 2018-11-06
xumengfang 2018-11-06
ywwazyj 2014-09-28