微信小程序> 小程序使用高德地图获取地理位置

小程序使用高德地图获取地理位置

浏览量:3029 时间: 来源:k_every

(一)小程序集成Bmob作为数据存储
(二)小程序中Flex布局
(三)小程序使用高德地图获取地理位置
(四)小程序列表条目点击
(五)小程序下拉刷新、上拉加载
(六)小程序总结

小程序
小程序官方文档只提供我们获取到经纬度,并没有获取到相关地理位置的信息,因此需要用到第三方的api来获取
我这里用高德地图api来获取地理位置的信息

1、注册高德地图开发者
2、创建应用、获取Key
小程序

3、下载小程序SDK放到小程序项目中
4、设置安全通讯域名
登录微信公众平台,“设置“–"开发设置"设置request合法域名,将https://restapi.amap.com 中添加进去
小程序
5、代码实现
首先在.js文件中引入

var amapFile = require('../../utils/amap-wx.js');
 onLoad: function (options) {    wx.showLoading({      title: 'Loading...',    })    that = this    wx.getLocation({      type: 'wgs84',      success: function (res) {        var latitude = res.latitude        var longitude = res.longitude        var speed = res.speed        var accuracy = res.accuracy        var markersData = {          latitude: latitude,//纬度          longitude: longitude,//经度          key: that.data.MapKey        };        var addArr = [];        var myAmapFun = new amapFile.AMapWX({ key: that.data.MapKey });        myAmapFun.getRegeo({          success: function (data) {            console.log(data[0].regeocodeData.pois)            // console.log(data)            var dataAll = data[0].regeocodeData.pois;            console.log(dataAll.length)            for (var i = 0; i  dataAll.length; i++) {              addArr.push({ "id": i, "address": dataAll[i] })            }            that.setData({ address: addArr })            wx.hideLoading()          }        });      }    })  },

源码下载

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎