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


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中的对象和数组的应用技巧
Jan 07 Javascript
javascript显示用户停留时间的简单实例
Aug 05 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
Nov 07 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
JavaScript 保护变量不被随意修改的实现代码
Sep 27 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 Javascript
javascript实现小型区块链功能
Apr 03 Javascript
微信小程序文章详情功能完整实例
Jun 03 Javascript
JS中箭头函数与this的写法和理解
Jan 14 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维护文件系统
2006/10/09 PHP
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
destoon实现公司新闻详细页添加评论功能的方法
2014/07/15 PHP
thinkphp连贯操作实例分析
2014/11/22 PHP
php静态文件生成类实例分析
2015/01/03 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
Java 正则表达式学习总结和一些小例子
2012/09/13 Javascript
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
使用jQuery设置disabled属性与移除disabled属性
2014/08/21 Javascript
常用DOM整理
2015/06/16 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
H5移动端适配 Flexible方案
2016/10/24 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
2017/02/18 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
vue2.x+webpack快速搭建前端项目框架详解
2017/11/30 Javascript
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
微信小程序(订阅消息)功能
2019/10/25 Javascript
vue新建项目并配置标准路由过程解析
2019/12/09 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
python类装饰器用法实例
2015/06/04 Python
Python模拟登录验证码(代码简单)
2016/02/06 Python
Python中 Lambda表达式全面解析
2016/11/28 Python
python 获取url中的参数列表实例
2018/12/18 Python
python爬虫获取新浪新闻教学
2018/12/23 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
python如何删除列为空的行
2020/07/17 Python
工商管理应届生求职信
2013/10/07 职场文书
4s店总经理岗位职责
2013/12/31 职场文书
人资专员岗位职责
2014/04/04 职场文书
唐山大地震观后感
2015/06/05 职场文书
25句企业管理语录:助你迅速打开思路,句句经典!
2020/01/14 职场文书
用Python将GIF动图分解成多张静态图片
2021/06/11 Python
css filter和getUserMedia的联合使用
2022/02/24 HTML / CSS
浅谈redis的过期时间设置和过期删除机制
2022/03/18 MySQL