微信企业号开发之微信考勤百度地图定位

 更新时间:2015年09月11日 12:04:08   投稿:mrr  
本文给大家介绍微信企业号开发之微信考勤百度地图定位,有需要的朋友参考下本篇文章

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

实现效果


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

相关文章

  • JS实现万亿数字转中文的代码详解

    JS实现万亿数字转中文的代码详解

    在软件开发中,尤其是在中文处理的场景中,数字与语言的转换是一个常见且具有挑战性的任务,在一些业务系统中,可能需要将阿拉伯数字转换为中文数字,本文将介绍如何使用 JavaScript 将数字转换成中文,帮助开发者为相关的需求提供实现思路,需要的朋友可以参考下
    2024-12-12
  • JavaScript定时器制作弹窗小广告

    JavaScript定时器制作弹窗小广告

    这篇文章主要为大家详细介绍了JavaScript定时器制作一个弹窗小广告,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • BootStrap实现文件上传并带有进度条效果

    BootStrap实现文件上传并带有进度条效果

    这篇文章主要介绍了BootStrap实现文件上传并带有进度条效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-09-09
  • js实现右下角可关闭最小化div(可用于展示推荐内容)

    js实现右下角可关闭最小化div(可用于展示推荐内容)

    使用Javascript实现右下角可关闭最小化div,可以用于展示推荐内容,完整源代码如下,感兴趣的各位可以参下哈,希望对大家有所帮助
    2013-06-06
  • JavaScript可视化与Echarts详细介绍

    JavaScript可视化与Echarts详细介绍

    提到数据可视化相信大家都不陌生,它能够将单一的数据通过合适的可视化图表类型表现出来,使其更加直观的展现数据的变化趋势、对比、峰值等等。其实在前端开发中,数据可视化也尤为重要,在众多图表库中,echarts就是最常见的图表库之一
    2022-07-07
  • JavaScript中DOM和BOM原理详析

    JavaScript中DOM和BOM原理详析

    这篇文章主要介绍了JavaScript中DOM和BOM原理详析,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09
  • js实现iGoogleDivDrag模块拖动层拖动特效的方法

    js实现iGoogleDivDrag模块拖动层拖动特效的方法

    这篇文章主要介绍了js实现iGoogleDivDrag模块拖动层拖动特效的方法,实例分析了javascript操作拖动层的技巧,需要的朋友可以参考下
    2015-03-03
  • javascript createElement()创建input不能设置name属性的解决方法

    javascript createElement()创建input不能设置name属性的解决方法

    今天在使用document.createElement()动态创建input时,发现不能为其name赋值,以下是测试代码。
    2009-10-10
  • JavaScript实现元素吸顶的方法详解

    JavaScript实现元素吸顶的方法详解

    页面内的tab导航需要在滚动到视口顶部的时候进行吸顶,这个功能算是比较常见,也比较容易实现,下面就跟随小编一起学习一下JavaScript是如何实现元素吸顶效果的吧
    2023-10-10
  • Javascript中引用类型传递的知识点小结

    Javascript中引用类型传递的知识点小结

    这篇文章主要给大家介绍了关于Javascript中引用类型传递的知识点,文中介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-03-03

最新评论