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


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实现的像java、c#之类的sleep暂停的函数代码
Mar 04 Javascript
jquery 插件学习(五)
Aug 06 Javascript
javascript贪吃蛇完整版(源码)
Dec 09 Javascript
js判断文本框剩余可输入字数的方法
Feb 04 Javascript
基于JavaScript的操作系统你听说过吗?
Jan 28 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
Dec 18 Javascript
jquery实现的table排序功能示例
Mar 10 Javascript
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
JS使用new操作符创建对象的方法分析
May 30 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 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
基于initPHP的框架介绍
2013/04/18 PHP
PHP动态输出JavaScript代码实例
2015/02/12 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
js利用div背景,做一个竖线的效果。
2008/11/22 Javascript
JavaScript 全角转半角部分
2009/10/28 Javascript
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
js 针对html DOM元素操作等经验累积
2014/03/11 Javascript
模拟一个类似百度google的模糊搜索下拉列表
2014/04/15 Javascript
JS实现的在线调色板实例(附demo源码下载)
2016/03/01 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
如何提高Dom访问速度
2017/01/05 Javascript
通过构造函数实例化对象的方法
2017/06/28 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
2017/11/30 Javascript
jQuery替换节点元素的操作方法
2018/03/18 jQuery
自定义vue组件发布到npm的方法
2018/05/09 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
2019/04/12 Javascript
[05:56]第十六期——新进3大C之小兔基
2014/06/24 DOTA
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
详解Python迭代和迭代器
2016/03/28 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
Python常见字符串操作函数小结【split()、join()、strip()】
2018/02/02 Python
Python实现替换文件中指定内容的方法
2018/03/19 Python
mac安装scrapy并创建项目的实例讲解
2018/06/13 Python
Python发送邮件测试报告操作实例详解
2018/12/08 Python
30行Python代码实现高分辨率图像导航的方法
2020/05/22 Python
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
2016中秋节问候语
2015/11/11 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
MySQL系列之六 用户与授权
2021/07/02 MySQL
python 标准库原理与用法详解之os.path篇
2021/10/24 Python