博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序制作-随笔2
阅读量:6305 次
发布时间:2019-06-22

本文共 1717 字,大约阅读时间需要 5 分钟。

小程序获取定位信息:

主要采用小程序自带获取经纬度方法与高德api接口结合

    步骤:1.注册高德地图开发者,获取key,从高德里下载微信小程序SDK,导入到项目中。(sdk下载:https://lbs.amap.com/api/wx/download)

    2.将需要的配置文件和引入sdk语句写入页面js的开头

var amapFile = require('导入的sdk文件位置');//注意引入路径var markersData = {  latitude: '',//纬度  longitude: '',//经度  key: "高德地图key"//申请的高德地图key};

    3.写微信自带的获取经纬度方法,通过这个方法取到经纬度后传值给调用高德接口的函数。

loadInfo: function(){    var that=this;    wx.getLocation({      type: 'gcj02', //返回可以用于wx.openLocation的经纬度      success: function (res) {        var latitude = res.latitude//维度        var longitude = res.longitude//经度        console.log(res);        that.loadCity(latitude,longitude);      }    })  },

    4.调用sdk接口的函数,写入页面js中。

loadCity: function (latitude, longitude){    var that=this;    var myAmapFun = new amapFile.AMapWX({ key: markersData.key });    myAmapFun.getRegeo({      location: '' + longitude + ',' + latitude + '',//location的格式为'经度,纬度'      success: function (data) {        console.log(data);      },      fail: function (info) { }    });    myAmapFun.getWeather({      success: function (data) {        that.setData({          weather: data        })        console.log(data);        //成功回调      },      fail: function (info) {        //失败回调        console.log(info)      }    })  },

    5.调用,在onLoad函数中调用这两个方法即可看到输出数据和给前台传值。

onLoad: function (options) {    this.loadInfo();    this.loadCity();  },

    6.取值,前台取值通过weather.***来取值。

{
{weather.city.data}}//城市信息{
{weather.weather.data}} {
{weather.winddirection.data}} {
{weather.windpower.data}}{
{weather.temperature.data}}//具体的自己查看输出内容

注意:此处调用后这些函数后运行可能会报request:fail url not in domain list的错,是因为url不合法或其他域名不合法原因,此时去右上角详情里把不校验合法性勾上即可。

 

转载于:https://www.cnblogs.com/hjjjjhd/p/10341567.html

你可能感兴趣的文章
last_insert_id()获取mysql最后一条记录ID
查看>>
可执行程序找不到lib库地址的处理方法
查看>>
bash数组
查看>>
Richard M. Stallman 给《自由开源软件本地化》写的前言
查看>>
oracle数据库密码过期报错
查看>>
修改mysql数据库的默认编码方式 .
查看>>
zip
查看>>
How to recover from root.sh on 11.2 Grid Infrastructure Failed
查看>>
rhel6下安装配置Squid过程
查看>>
《树莓派开发实战(第2版)》——1.1 选择树莓派型号
查看>>
在 Linux 下使用 fdisk 扩展分区容量
查看>>
结合AlphaGo算法和大数据的量化基本面分析法探讨
查看>>
如何在 Ubuntu Linux 16.04 LTS 中使用多个连接加速 apt-get/apt
查看>>
《OpenACC并行编程实战》—— 导读
查看>>
机器学习:用初等数学解读逻辑回归
查看>>
如何在 Ubuntu 中管理和使用逻辑卷管理 LVM
查看>>
Oracle原厂老兵:从负面案例看Hint的最佳使用方式
查看>>
把自己Github上的代码添加Cocoapods支持
查看>>
C语言OJ项目参考(2493)四则运算
查看>>
零基础入门深度学习(二):神经网络和反向传播算法
查看>>