E企盈小程序营销工具技术服务商 热线:4006-838-530

小程序使用高德地图获取澳门E企盈小程序地理位置

E企盈小程序直播系统

(一)小程序集成Bmob作为数据存储(二)小程序中Flex布局(三)小程序使用高德地图获取地理位置(四)小程序列表条目点击(五)小程序下拉刷新、上拉加载(六)小程序总结小程序官方文档只提供我们获取到经纬度,并没有获取到相关地理位置的信息,因此需要用到第三方的api来获取我这里用高德地图api来获取地理位置的信息1、注册高德地图开发者2、创建应用、获取开通西装小程序电话:4006-838-530Key3、下载小程序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 = [];       开通电脑桌小程序电话:4006-838-530 var myAma开通二手车卖场小程序电话:4006-838-530pFun = 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()          }        });      }    })  },

源码下载

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序使用高德地图获取澳门E企盈小程序地理位置
分享到: 更多 (0)
E企盈小程序直播营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏