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


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使用手册之二 DOM操作
Mar 24 Javascript
小试JQuery的AutoComplete插件
May 04 Javascript
js 固定悬浮效果实现思路代码
Aug 02 Javascript
利用javascript判断文件是否存在
Dec 31 Javascript
js中实现多态采用和继承类似的方法
Aug 22 Javascript
使用js实现的简单拖拽效果
Mar 18 Javascript
JavaScript 面向对象与原型
Apr 10 Javascript
vue日期组件 支持vue1.0和2.0
Jan 09 Javascript
javascript填充默认头像方法
Feb 22 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
Nov 10 Javascript
Vue使用虚拟dom进行渲染view的方法
Dec 26 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
Sep 11 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
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
php安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
培养自己的php编码规范
2015/09/28 PHP
向大师们学习Javascript(视频与PPT)
2009/12/27 Javascript
Jquery自定义button按钮的几种方法
2014/06/11 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
JS组件Bootstrap实现下拉菜单效果代码
2016/04/26 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
基于vue2.0+vuex的日期选择组件功能实现
2017/03/13 Javascript
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
node.js实现微信JS-API封装接口的示例代码
2017/09/06 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
详解angular分页插件tm.pagination二次触发问题解决方案
2018/07/20 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
2018/08/08 Javascript
Vue.js 中 axios 跨域访问错误问题及解决方法
2018/11/21 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
Vue组件间的通信pubsub-js实现步骤解析
2020/03/11 Javascript
用javascript实现倒计时效果
2021/02/09 Javascript
Python制作爬虫抓取美女图
2016/01/20 Python
python爬虫实战之爬取京东商城实例教程
2017/04/24 Python
用Q-learning算法实现自动走迷宫机器人的方法示例
2019/06/03 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
django之从html页面表单获取输入的数据实例
2020/03/16 Python
优衣库澳大利亚官网:UNIQLO澳大利亚
2017/01/18 全球购物
一套Delphi的笔试题一
2016/02/14 面试题
大专毕业生简历的自我评价
2013/10/20 职场文书
答谢会策划方案
2014/05/12 职场文书
运动会入场口号
2014/06/07 职场文书
金融专业求职信
2014/08/05 职场文书
2015年乡镇扶贫工作总结
2015/04/08 职场文书
2016年国培研修日志
2015/11/13 职场文书
Python装饰器的练习题
2021/11/23 Python