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


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下操作css的float属性的特殊写法
Aug 22 Javascript
Javascript this指针
Jul 30 Javascript
extjs DataReader、JsonReader、XmlReader的构造方法
Nov 07 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
JavaScript全排列的六种算法 具体实现
Jun 29 Javascript
JavaScript实现随机替换图片的方法
Apr 16 Javascript
JS正则表达式验证中文字符
May 08 Javascript
JavaScript面向对象继承原理与实现方法分析
Aug 09 Javascript
Vue源码解析之Template转化为AST的实现方法
Dec 14 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
js实现弹幕墙效果
Dec 10 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
全国FM电台频率大全 - 29 青海省
2020/03/11 无线电
php数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
PHP使用mysql_fetch_object从查询结果中获取对象集的方法
2015/03/18 PHP
php 指定范围内多个随机数代码实例
2016/07/18 PHP
php如何计算两坐标点之间的距离
2018/12/29 PHP
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
js动态在form上插入enctype=multipart/form-data的问题
2012/05/24 Javascript
JavaScript实现简单的二级导航菜单实例
2015/04/15 Javascript
JavaScript实现MIPS乘法模拟的方法
2015/04/17 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
2016/05/05 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
JavaScript cookie详解及简单实例应用
2016/12/31 Javascript
JS排序之快速排序详解
2017/04/08 Javascript
JavaScript表单验证实现代码
2017/05/22 Javascript
webpack3+React 的配置全解
2017/08/21 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
2017/08/22 Javascript
详解Vue+axios+Node+express实现文件上传(用户头像上传)
2018/08/10 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
2018/09/18 Javascript
少女风vue组件库的制作全过程
2019/05/15 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
介绍Python的@property装饰器的用法
2015/04/28 Python
Python实现多线程抓取妹子图
2015/08/08 Python
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
python实现画圆功能
2018/01/25 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
Django框架HttpRequest对象用法实例分析
2019/11/01 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
13个Pandas实用技巧,助你提高开发效率
2020/08/19 Python
css3 按钮样式简单可扩展创建
2013/03/18 HTML / CSS
CSS3中新增的对文本和字体的设置
2020/02/03 HTML / CSS
英文版餐饮业求职信
2013/10/18 职场文书
大学毕业感言100字
2014/02/03 职场文书
军训自我鉴定100字
2014/02/13 职场文书
绘画专业自荐信
2014/07/04 职场文书
学生党支部工作总结2015
2015/05/26 职场文书
演讲稿之开卷有益
2019/08/07 职场文书