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


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 相关文章推荐
javascript实现div的拖动并调整大小类似qq空间个性编辑模块
Dec 12 Javascript
初步认识JavaScript函数库jQuery
Jun 18 Javascript
jQuery 遍历函数详解
Jul 05 Javascript
Google 地图控件集详解及实例代码
Aug 06 Javascript
概述VUE2.0不可忽视的很多变化
Sep 25 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
浅谈如何使用 webpack 优化资源
Oct 20 Javascript
JavaScript判断变量名是否存在数组中的实例
Dec 28 Javascript
vue之将echart封装为组件
Jun 02 Javascript
详解搭建es6+devServer简单开发环境
Sep 25 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
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
用函数式编程技术编写优美的 JavaScript
2006/11/25 Javascript
JavaScript中的其他对象
2008/01/16 Javascript
ext form 表单提交数据的方法小结
2008/08/08 Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
2011/05/12 Javascript
5个最佳的Javascript日期处理类库分享
2012/04/15 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
2018/04/17 Javascript
浅谈vue项目如何打包扔向服务器
2018/05/08 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
2018/07/10 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
2019/09/27 Javascript
[07:55]2014DOTA2 TI正赛第三日 VG上演推进荣耀DKEG告别
2014/07/21 DOTA
[01:00:53]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Secret
2018/03/30 DOTA
Django 如何获取前端发送的头文件详解(推荐)
2017/08/15 Python
浅谈python数据类型及类型转换
2017/12/18 Python
python实现飞机大战微信小游戏
2020/03/21 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
Python 循环终止语句的三种方法小结
2019/06/24 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
Python Flask异步发送邮件实现方法解析
2020/08/01 Python
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
星空联盟C# .net笔试题
2014/12/05 面试题
工厂总经理岗位职责
2014/02/07 职场文书
十佳家长事迹材料
2014/08/26 职场文书
离婚协议书包括哪些内容
2014/10/16 职场文书
银行求职信模板
2015/03/20 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
2015年语文教研组工作总结
2015/05/23 职场文书
党支部半年考察意见
2015/06/01 职场文书
辣妈辣妹观后感
2015/06/10 职场文书
互联网的下一个风口:新的独角兽将诞生
2019/08/02 职场文书
SQL注入的实现以及防范示例详解
2021/06/02 MySQL
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python