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


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 相关文章推荐
在视频前插入广告
Nov 20 Javascript
jQuery第三课 修改元素属性及内容的代码
Mar 14 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
详解Bootstrap的iCheck插件checkbox和radio
Aug 24 Javascript
浅谈angularjs module返回对象的坑(推荐)
Oct 21 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
Apr 13 Javascript
探讨Vue.js的组件和模板
Oct 27 Javascript
重学JS之显示强制类型转换详解
Jun 30 Javascript
JavaScript闭包相关知识解析
Oct 19 Javascript
Node绑定全局TraceID的实现方法
Nov 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与浏览器缓存的分析
2013/06/03 PHP
php版微信公众号接口实现发红包的方法
2016/10/14 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
得到文本框选中的文字,动态插入文字的js代码
2007/03/07 Javascript
Javascript document.referrer判断访客来源网址
2020/05/15 Javascript
JavaScript面向对象程序设计三 原型模式(上)
2011/12/21 Javascript
JavaScript栏目列表隐藏/显示简单实现
2013/04/03 Javascript
用jquery中插件dialog实现弹框效果实例代码
2013/11/15 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
用jQuery toggleClass 实现鼠标移上变色
2014/05/14 Javascript
JavaScript 不支持 indexof 该如何解决
2016/03/30 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
2016/07/14 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
js获取当前页的URL与window.location.href简单方法
2017/02/13 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
js限制输入框只能输入数字(onkeyup触发)
2018/09/28 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
[01:07]DOTA2次级职业联赛 - Fpb战队宣传片
2014/12/01 DOTA
跟老齐学Python之数据类型总结
2014/09/24 Python
通过mod_python配置运行在Apache上的Django框架
2015/07/22 Python
Python3爬楼梯算法示例
2019/03/04 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
python打印n位数“水仙花数”(实例代码)
2019/12/25 Python
pytorch查看torch.Tensor和model是否在CUDA上的实例
2020/01/03 Python
详解查看Python解释器路径的两种方式
2020/10/15 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
西班牙第一的网上药房:PromoFarma.com
2017/04/17 全球购物
自然健康的概念:Natural Healthy Concepts
2020/01/26 全球购物
采用怎样的方法保证数据的完整性
2013/12/02 面试题
2014年公务员转正工作总结
2014/11/07 职场文书
谢师宴家长致辞
2015/07/27 职场文书
驾驶员安全责任协议书
2016/03/22 职场文书
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技