微信小程序在地图选择地址并返回经纬度简单示例


Posted in Javascript onDecember 03, 2018

本文实例讲述了微信小程序在地图选择地址并返回经纬度功能。分享给大家供大家参考,具体如下:

微信小程序的地址管理中,经常需要获取地址的详细地址信息和地址经纬度信息

wxml文件部分代码:

<button bindtap="mapView" style="margin:10px">查看地图</button>

js文件主要功能代码:

mapView:function(){
  var that = this
  wx.chooseLocation({
   success: function (res) {
    // success
    console.log(res,"location")
    that.setData({
     hasLocation: true,
     location: {
      longitude: res.longitude,
      latitude: res.latitude
     },
     detail_info: res.address,
     wd: res.latitude,
     jd: res.longitude
    })
   },
   fail: function () {
    // fail
   },
   complete: function () {
    // complete
   }
  })
}

运行效果:

微信小程序在地图选择地址并返回经纬度简单示例

希望本文所述对大家微信小程序设计有所帮助。

Javascript 相关文章推荐
在IE6下发生Internet Explorer cannot open the Internet site错误
Jun 21 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
Feb 02 Javascript
jQuery插件ajaxfileupload.js实现上传文件
Oct 23 Javascript
js html5 css俄罗斯方块游戏再现
Oct 17 Javascript
JavaScript严格模式详解
Jan 16 Javascript
如何编写jquery插件
Mar 29 jQuery
详解微信小程序Page中data数据操作和函数调用
Sep 27 Javascript
微信小程序引用iconfont图标的方法
Oct 22 Javascript
vue配置文件实现代理v2版本的方法
Jun 21 Javascript
vue发送websocket请求和http post请求的实例代码
Jul 11 Javascript
node实现mock-plugin中间件的方法
Dec 25 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 #Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 #Javascript
利用Vue构造器创建Form组件的通用解决方法
Dec 03 #Javascript
swiper.js插件实现pc端文本上下滑动功能示例
Dec 03 #Javascript
微信小程序显示倒计时功能示例【测试可用】
Dec 03 #Javascript
从零开始实现Vue简单的Toast插件
Dec 03 #Javascript
使用NestJS开发Node.js应用的方法
Dec 03 #Javascript
You might like
php创建基本身份认证站点的方法详解
2013/06/08 PHP
php实现文本数据导入SQL SERVER
2015/05/17 PHP
php实现购物车功能(上)
2020/07/23 PHP
浅谈php和js中json的编码和解码
2016/10/24 PHP
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
javascript针对DOM的应用分析(三)
2012/04/15 Javascript
JavaScript执行顺序详细介绍
2013/12/04 Javascript
jquery选择器使用详解
2014/04/08 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015/02/27 Javascript
javascript html实现网页版日历代码
2016/03/08 Javascript
js拼接html字符串的注意事项
2016/10/13 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
Vue关于数据绑定出错解决办法
2017/05/15 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
JS使用Dijkstra算法求解最短路径
2019/01/17 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
JavaScript实现Excel表格效果
2020/02/07 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
2020/05/18 Javascript
django admin.py 外键,反向查询的实例
2019/07/26 Python
Python语法之精妙的十个知识点(装B语法)
2020/01/18 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
matplotlib 画双轴子图无法显示x轴的解决方法
2020/07/27 Python
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
酒店人事专员岗位职责
2013/12/19 职场文书
普罗米修斯教学反思
2014/02/06 职场文书
销售提升方案
2014/06/07 职场文书
教师考核评语大全
2014/12/31 职场文书
2015年大学生工作总结
2015/04/21 职场文书
2015年教研组工作总结
2015/05/04 职场文书
格林童话读书笔记
2015/06/30 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
R9700摩机记
2022/04/05 无线电