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


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 相关文章推荐
jQuery实现密保互斥问题解决方案
Aug 16 Javascript
jquery用offset()方法获得元素的xy坐标
Sep 06 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
基于vue开发的在线付费课程应用过程
Jan 25 Javascript
JS数组去重常用方法实例小结【4种方法】
May 28 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
vue实现滑动到底部加载更多效果
Oct 27 Javascript
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 Vue.js
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 extract 将数组拆分成多个变量的函数
2010/06/30 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
php生成QRcode实例
2014/09/22 PHP
php跨站攻击实例分析
2014/10/28 PHP
SSO单点登录的PHP实现方法(Laravel框架)
2016/03/23 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
类似框架的js代码
2006/11/09 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
js获取单选框或复选框值及操作
2012/12/18 Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
2013/01/18 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
2017/05/17 Javascript
详解Nodejs 通过 fs.createWriteStream 保存文件
2017/10/10 NodeJs
详解vue项目中如何引入全局sass/less变量、function、mixin
2018/06/02 Javascript
vue 权限认证token的实现方法
2018/07/17 Javascript
JavaScript实现的九种排序算法
2019/03/04 Javascript
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
PYTHON基础-时间日期处理小结
2018/05/05 Python
python实现动态数组的示例代码
2019/07/15 Python
python实现微信小程序用户登录、模板推送
2019/08/28 Python
Python devel安装失败问题解决方案
2020/06/09 Python
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
销售副总经理岗位职责
2013/12/11 职场文书
爱之链教学反思
2014/04/30 职场文书
计算机专业毕业生求职信
2014/04/30 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
研究生个人学年总结
2015/02/14 职场文书
员工福利申请报告
2015/05/15 职场文书
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫