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


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 相关文章推荐
解决js数据包含加号+通过ajax传到后台时出现连接错误
Aug 01 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
Oct 10 Javascript
对js中回调函数的一些看法
Aug 29 Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 Javascript
vue高德地图之玩转周边
Jun 16 Javascript
vue微信分享到朋友圈 vue微信发送给好友
Nov 28 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
May 06 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
Aug 16 Javascript
JS实现的碰撞检测与周期移动完整示例
Sep 02 Javascript
javascript canvas API内容整理
Feb 16 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 10 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
Oct 24 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给图片添加文字水印方法汇总
2015/08/27 PHP
php指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
使用PHPExcel导出Excel表
2018/09/08 PHP
实例讲解PHP中使用命名空间
2019/01/27 PHP
Prototype使用指南之array.js
2007/01/10 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
再次谈论Javascript中的this
2016/06/23 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
Javascript中click与blur事件的顺序详析
2017/04/25 Javascript
Javascript实现页面滚动时导航智能定位
2017/05/06 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
python操作摄像头截图实现远程监控的例子
2014/03/25 Python
Python检测生僻字的实现方法
2016/10/23 Python
PyTorch上搭建简单神经网络实现回归和分类的示例
2018/04/28 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
Python3 jupyter notebook 服务器搭建过程
2018/11/30 Python
Python多进程写入同一文件的方法
2019/01/14 Python
搞定这套Python爬虫面试题(面试会so easy)
2019/04/03 Python
cProfile Python性能分析工具使用详解
2019/07/22 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
CSS3实现swap交换动画
2016/01/19 HTML / CSS
Fairyseason:为个人和批发商提供女装和配件
2017/03/01 全球购物
戴森英国官网:Dyson英国
2019/05/07 全球购物
物流管理专业职业生涯规划书
2014/01/06 职场文书
学校介绍信范文
2014/01/14 职场文书
公司门卫的岗位职责
2014/02/19 职场文书
客户接待方案
2014/02/26 职场文书
公司租房协议书
2014/10/14 职场文书
幼儿园见习报告范文
2014/10/30 职场文书
三严三实·严以律己心得体会
2016/01/13 职场文书
nginx前后端同域名配置的方法实现
2021/03/31 Servers
js实现上传图片到服务器
2021/04/11 Javascript
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python
Python装饰器的练习题
2021/11/23 Python