45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:微信企业号开发之考勤地图定位实例分享(基于百度地图)

微信企业号开发之考勤地图定位实例分享(基于百度地图)

2015-09-28 08:07:52 来源:www.45fan.com 【

微信企业号开发之考勤地图定位实例分享(基于百度地图)

之前在微信企业号开发:微信考勤中使用了百度地图的定位组件,但发现在部分手机上会出现定位失败的提示,于是有研究了一下百度地图。原来使用的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> 

实现效果

微信企业号开发之考勤地图定位实例分享(基于百度地图)

以上内容给大家分享的微信企业公众号开发之微信考勤百度地图定位,代码简单易懂,需要的朋友快来学习吧。


本文地址:http://www.45fan.com/bcdm/22425.html
Tags: 微信 企业 号开
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部