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


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 相关文章推荐
5 cool javascript apps
Mar 24 Javascript
基于jquery的文本框与autocomplete结合使用(asp.net+json)
May 30 Javascript
js中同步与异步处理的方法和区别总结
Dec 25 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
Nov 07 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
Dec 13 Javascript
jquery使用EasyUI Tree异步加载JSON数据(生成树)
Feb 11 Javascript
AngularJS 中的数据源的循环输出
Oct 12 Javascript
解决layui的table插件无法多层级获取json数据的问题
Sep 19 Javascript
微信公众号网页分享功能开发的示例代码
May 27 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
Aug 10 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
Nov 05 Javascript
用Javascript实现发送短信验证码间隔功能
Feb 08 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
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
2013/12/11 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
jQuery实现简单的回到顶部totop功能示例
2017/10/16 jQuery
Vue中封装input组件的实例详解
2017/10/17 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
深入理解redux之compose的具体应用
2020/01/12 Javascript
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
[03:46]DAC趣味视频-中文考试.mp4
2017/04/02 DOTA
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python 流程控制实例代码
2009/09/25 Python
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
python组合无重复三位数的实例
2018/11/13 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
Python爬虫爬取新闻资讯案例详解
2020/07/14 Python
雅诗兰黛(Estee Lauder)英国官方网站:世界顶级化妆品牌
2016/12/29 全球购物
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
英国健康和美容技术产品购物网站:CurrentBody
2019/07/17 全球购物
小学生九一八纪念日83周年演讲稿500字
2014/09/17 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
党校党性分析材料
2014/12/19 职场文书
2015年销售助理工作总结
2015/05/11 职场文书
Pandas数据类型之category的用法
2021/06/28 Python
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android
教你使用Ubuntu搭建DNS服务器
2022/09/23 Servers