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


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 相关文章推荐
jQuery ctrl+Enter shift+Enter实现代码
Feb 07 Javascript
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
Jan 09 Javascript
jquery插件推荐浏览器嗅探userAgent
Nov 09 Javascript
jQuery中prev()方法用法实例
Jan 08 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
May 16 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
js模态对话框使用方法详解
Feb 16 Javascript
jQuery插件zTree实现删除树节点的方法示例
Mar 08 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
May 02 Javascript
ReactJs设置css样式的方法
Jun 08 Javascript
VUE实现一个分页组件的示例
Sep 13 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
Smarty+QUICKFORM小小演示
2007/02/25 PHP
php 中文处理函数集合
2008/08/27 PHP
PHP之生成GIF动画的实现方法
2013/06/07 PHP
PHP的变量类型和作用域详解
2014/03/12 PHP
php生成xml时添加CDATA标签的方法
2014/10/17 PHP
浅析Yii2中GridView常见操作
2016/04/22 PHP
PHPUnit测试私有属性和方法功能示例
2018/06/12 PHP
在 Laravel 中动态隐藏 API 字段的方法
2019/10/25 PHP
关于图片按比例自适应缩放的js代码
2011/10/30 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
2016/06/01 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
用vue构建多页面应用的示例代码
2017/09/20 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
JS基于封装函数实现的表格分页完整示例
2018/06/26 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
2021/02/14 Javascript
分享给Python新手们的几道简单练习题
2017/09/21 Python
PyQt5每天必学之组合框
2018/04/20 Python
教你利用Python玩转histogram直方图的五种方法
2018/07/30 Python
python基于递归解决背包问题详解
2019/07/03 Python
Python+Tensorflow+CNN实现车牌识别的示例代码
2019/10/11 Python
python元组的概念知识点
2019/11/19 Python
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
2016/12/16 HTML / CSS
缓刑人员的思想汇报
2014/01/11 职场文书
高三毕业典礼主持词
2014/03/27 职场文书
小学生评语集锦
2014/04/18 职场文书
税务职业生涯规划书范文
2014/09/16 职场文书
转正申请报告格式
2015/05/15 职场文书
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js
MySQL Server 层四个日志
2022/03/31 MySQL