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


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文件中引用依赖的js文件的方法
Mar 17 Javascript
js检验密码强度(低中高)附图
Jun 05 Javascript
jQuery实现form表单元素序列化为json对象的方法
Dec 09 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
Nov 12 Javascript
node学习记录之搭建web服务器教程
Feb 16 Javascript
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
详细AngularJs4的图片剪裁组件的实例
Jul 12 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
May 08 Javascript
原生js实现拖拽移动与缩放效果
Aug 24 Javascript
5种 JavaScript 方式实现数组扁平化
Oct 05 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中使用explode查找某个字符是否存在的方法
2011/07/12 PHP
php缓存技术详细总结
2013/08/07 PHP
php数组去重复数据示例
2014/02/25 PHP
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
node.js中的Socket.IO使用实例
2014/11/04 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
2015/03/05 Javascript
Bootstrap实现下拉菜单效果
2016/04/29 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
2016/08/02 Javascript
JS实现漂亮的时间选择框效果
2016/08/20 Javascript
微信小程序之仿微信漂流瓶实例
2016/12/09 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
jQuery中可见性过滤器简单用法示例
2018/03/31 jQuery
layui多iframe页面控制定时器运行的方法
2019/09/05 Javascript
vue点击当前路由高亮小案例
2019/09/26 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
javascript实现图片轮换动作方法
2020/08/07 Javascript
在Python的Flask框架中使用日期和时间的教程
2015/04/21 Python
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
python启动应用程序和终止应用程序的方法
2019/06/28 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
TripAdvisor德国:全球领先的旅游网站
2017/12/07 全球购物
新浪网技术部笔试题
2016/08/26 面试题
华为C++笔试题
2014/08/05 面试题
介绍一下linux的文件系统
2015/10/06 面试题
高中生职业规划范文
2014/03/09 职场文书
《小鹰学飞》教学反思
2014/04/23 职场文书
基层党员四风问题自我剖析材料
2014/09/29 职场文书
Python+Appium新手教程
2021/04/17 Python
详解Python 3.10 中的新功能和变化
2021/04/28 Python