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


Posted in Javascript onSeptember 11, 2015

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

实现效果

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

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

Javascript 相关文章推荐
javaScript Array(数组)相关方法简述
Jul 25 Javascript
jQuery 鼠标经过(hover)事件的延时处理示例
Apr 14 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
Jan 27 Javascript
Javascript之面向对象--封装
Dec 02 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
vue如何实现observer和watcher源码解析
Mar 09 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
Jun 19 Javascript
使用JS组件实现带ToolTip验证框的实例代码
Aug 23 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
基于vue.js实现的分页
Mar 13 Javascript
jQuery实现模糊查询的方法分析
May 10 jQuery
原生JS检测CSS3动画是否结束的方法详解
Jan 27 Javascript
JavaScript处理解析JSON数据过程详解
Sep 11 #Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 #Javascript
JavaScript实现算术平方根算法-代码超简单
Sep 11 #Javascript
js图片卷帘门导航菜单特效代码分享
Sep 10 #Javascript
jQuery超精致图片轮播幻灯片特效代码分享
Sep 10 #Javascript
手机端转盘抽奖代码分享
Sep 10 #Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
Sep 10 #Javascript
You might like
php生成的html meta和link标记在body标签里 顶部有个空行
2010/05/18 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
JavaScript 字符编码规则
2009/05/04 Javascript
jquery multiSelect 多选下拉框
2010/07/09 Javascript
基于jquery的jqDnR拖拽溢出的修改
2011/02/12 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
Javascript中call与apply的学习笔记
2014/09/22 Javascript
jQuery中index()方法用法实例
2014/12/27 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
2016/09/20 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
vue 粒子特效的示例代码
2017/09/19 Javascript
js实现手机web图片左右滑动效果
2017/12/29 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
JavaScript设计模式之享元模式实例详解
2019/01/17 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
Python采集代理ip并判断是否可用和定时更新的方法
2018/05/07 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
python保留小数位的三种实现方法
2020/01/07 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
Python 字典中的所有方法及用法
2020/06/10 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
Python3中对json格式数据的分析处理
2021/01/28 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
27个经典Linux面试题及答案,你知道几个?
2013/01/10 面试题
小学生期末自我鉴定
2014/01/19 职场文书
环保建议书400字
2014/05/14 职场文书
学术会议邀请函
2015/01/30 职场文书
警告通知
2015/04/25 职场文书
三八节活动简报
2015/07/20 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
漫画《尖帽子的魔法工坊》宣布动画化
2022/04/06 日漫