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


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 相关文章推荐
js innerHTML 改变div内容的方法
Aug 03 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
详解JavaScript的回调函数
Nov 20 Javascript
javascript之Array 数组对象详解
Jun 07 Javascript
Node.js 实现简单小说爬虫实例
Nov 18 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
微信小程序云开发之使用云数据库
May 17 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 Javascript
js实现盒子滚动动画效果
Aug 09 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
用PHP 4.2书写安全的脚本
2006/10/09 PHP
zen cart新进商品的随机排序修改方法
2010/09/10 PHP
PHP的全局错误处理详解
2016/04/25 PHP
PHP实现的简单路由和类自动加载功能
2018/03/13 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
为Extjs加加速(javascript加速)
2010/08/19 Javascript
javascript中String类的subString()方法和slice()方法
2011/05/24 Javascript
append和appendTo的区别以及appendChild用法
2013/12/24 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
JS hashMap实例详解
2016/05/26 Javascript
使用RequireJS库加载JavaScript模块的实例教程
2016/06/06 Javascript
浅谈Nodejs应用主文件index.js
2016/08/28 NodeJs
一篇文章搞定JavaScript类型转换(面试常见)
2017/01/21 Javascript
js实现日历的简单算法
2017/01/24 Javascript
web前端vue之vuex单独一文件使用方式实例详解
2018/01/11 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
详解在Vue中使用TypeScript的一些思考(实践)
2018/07/06 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
浅谈layer弹出层按钮颜色修改方法
2019/09/11 Javascript
node.js +mongdb实现登录功能
2020/06/18 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
Jupyter notebook远程访问服务器的方法
2018/05/24 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
python 修改本地网络配置的方法
2019/08/14 Python
性能测试工程师的面试题
2015/02/20 面试题
轻化专业学生实习自我鉴定
2013/09/20 职场文书
六一节目主持词
2014/04/01 职场文书
食品安全标语
2014/06/07 职场文书
改进作风怎么办发言材料
2014/08/17 职场文书
导游欢送词
2015/01/31 职场文书
教师考核表个人总结
2015/02/12 职场文书
面试通知单大全
2015/04/20 职场文书
2015年扶贫帮困工作总结
2015/05/20 职场文书
商务宴会祝酒词
2015/08/11 职场文书
python自动统计zabbix系统监控覆盖率的示例代码
2021/04/03 Python