微信小程序之获取当前位置经纬度以及地图显示

微信小程序|小程序开发

小程序获取经纬度,小程序获取当前位置

微信小程序-小程序开发

这篇文章主要介绍了关于微信小程序之获取当前位置经纬度以及地图显示，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

基于 mvc3电子商城源码,tfs连接vscode,ubuntu通过c 读取url,tomcat 部署 网址,sqlite日期加秒,全国各省地图插件,mvvm前端框架有哪些,爬虫自己做产品,php 传递数组,湖南SEO优化设计,淘宝免费活动网站源码,flash网页播放器代码,影视模板cms,手机页面模板代码,ASP租房管理系统源代码毕设,超级社区商城是小程序吗lzw

最近刚开始接触微信小程序，在弄懂其结构以及相关接口之后，准备着手实现一个小程序，功能包括–获取用户当前位置的经纬度，在地图上查看位置，通过地图获取不同位置的经纬度。

平台注册登录源码,vscode 通过指令安装,ubuntu重启电脑,tomcat传参数乱码,sqlite3中文版,汉字爬虫,微信开放平台 php,seo服务有什么作用,免费足球网站模板,婚纱照片模板下载lzw

最近刚开始接触微信小程序，在弄懂其结构以及相关接口之后，准备着手实现一个小程序，功能包括–获取用户当前位置的经纬度，在地图上查看位置，通过地图获取不同位置的经纬度。

邀请码生成源码,彻底清除Ubuntu,空间小的爬虫,php容器化,美国seo软件lzw

微信小程序的主体部分包括：

新增页面需要在app.json进行配置：

"pages":[ "pages/index/index", "pages/location/location", "pages/logs/logs" ]

通过在视图层调用bindtap与逻辑层中的方法匹配–实现页面跳转：

视图层

获取用户当前位置

逻辑层

locationViewTap: function(){ wx.navigateTo({ url: ../location/location }) }

通过在视图层调用bindtap与逻辑层中的方法匹配–实现方法调用：

视图层

查看地图选择位置

逻辑层

mapViewTap:function(){ wx.getLocation({type: gcj02, //返回可以用于wx.openLocation的经纬度success: function(res) {console.log(res)wx.openLocation({ latitude: res.latitude, longitude: res.longitude, scale: 28}) } }) }

有关地图位置的三个接口：

(1) wx.getLocation(OBJECT) 获取当前的地理位置、速度

success返回参数：

(2) wx.openLocation(OBJECT) 使用微信内置地图查看位置

OBJECT参数说明：

(3) wx.chooseLocation(OBJECT) 打开地图选择位置

success返回参数：

实现效果

利用getLocation获取当前位置的经纬度坐标，openLocation打开微信内置地图查看

利用chooseLocation选取位置，并将位置信息的经纬度实时响应显示

注意事项：

(1) 利用getLocation()获得的地图参数信息只有两个

利用chooselocation返回的参数如下：

(2) this.setData修改json里面的值

逻辑层中的json数据可以通过WXML文件{{json}}显示出来：