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


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 相关文章推荐
encode脚本和normal脚本混用的问题与解决方法
Mar 08 Javascript
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
Aug 14 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
深入浅出 jQuery中的事件机制
Aug 23 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
js 原型对象和原型链理解
Feb 09 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
浅谈vue中数据双向绑定的实现原理
Sep 14 Javascript
js使用Promise实现简单的Ajax缓存
Nov 14 Javascript
vue+element-ui+axios实现图片上传
Aug 20 Javascript
在Vue中使用antv的示例代码
Jun 29 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安装攻略:常见问题解答(二)
2006/10/09 PHP
关于php支持分块与断点续传文件下载功能代码
2014/05/09 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
JavaScript Prototype对象
2009/01/07 Javascript
点击下载链接 弹出页面实现代码
2009/10/01 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
2013/05/10 Javascript
jQuery中parents()方法用法实例
2015/01/07 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
2015/08/05 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
2015/09/22 Javascript
JS本地刷新返回上一页代码
2016/07/25 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
2018/01/22 Javascript
世界上最短的数字判断js代码
2019/09/09 Javascript
构建一个JavaScript插件系统
2020/10/20 Javascript
[02:36]DOTA2混沌骑士 英雄基础教程
2013/11/26 DOTA
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
java直接调用python脚本的例子
2014/02/16 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
python读取与处理netcdf数据方式
2020/02/14 Python
django 取消csrf限制的实例
2020/03/13 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
检测浏览器对HTML5和CSS3支持度的方法
2015/06/25 HTML / CSS
div或img图片高度随宽度自适应的方法
2020/02/06 HTML / CSS
TUMI新加坡官网:国际领先的商旅箱包品牌
2019/01/12 全球购物
世界领先的电子书网站:eBooks.com(在线购买小说、非小说和教科书)
2019/03/30 全球购物
新奥尔良珠宝:Mignon Faget
2020/11/23 全球购物
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
学生个人自我鉴定
2014/03/26 职场文书
2015年电话销售工作总结范文
2015/04/20 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
MySQL千万级数据表的优化实战记录
2021/08/04 MySQL
MySQL创建管理RANGE分区
2022/04/13 MySQL