微信小程序之：小程序接入高德地图SDK

引言

近期在捣腾小程序，想研发一个自身的小程序，过一把单独研发的瘾。

自身设计方案，自身搞数据信息，自身找标志，自身决策要或不必哪些作用，彻底跟随心走，现阶段感受出来，觉得或是蛮爽的。比在企业商品想要你干什么你也就得干什么舒适多了，巴适的很（装作自身是四川人），嘿嘿

尽管我是一个App开发设计，但我还是蛮重视客户体验的，我能去考虑到运用的应用情景，应用习惯性，持续的去调节，去提升。此次开发设计的小程序，从颜色、标志挑选、UI设计，到网页页面构造、作用等都花了许多想法。热烈欢迎感受，调侃。

呀！一不小心扯远了，重归主题风格！

小程序地图SDK基本原理

手机微信小程序开发设计，可以应用地图组件 ** p，来开展地图表明、精准定位、表明订书针等基本要素，实际能看官方网文本文档：手机微信小程序 ** p组件。

** p组件只带来一些主要的“硬件配置”，还必须“脑部”来推动这种“硬件配置”。这一“脑部”便是腾讯官方地图、百度搜索地图和高德地图给予的小程序SDK。实际上这种SDK仅仅带来了一些互联网要求插口，要求这种插口，能获取相匹配构造的数据网络，再推动 ** p组件来3D渲染。

例如路线整体规划：从A到B，只需明确起始点地理坐标和终点站地理坐标，发送给SDK，SDK里便会进行互联网要求，取得最好线路，回到让你从A到B所经过的大转折地理坐标二维数组，你将获得的地理坐标二维数组发送给 ** p组件， ** p就能制作线路。

高德SDK插口目录

高德地图给予的接口类型有：

getPoiAround(Object) 获取附近的POI。

getRegeo(Object) 获取详细地址叙述信息内容。

getWeather(Object) 获取天气状况（即时和气象预报）

getStatic ** p(Object) 获取静态数据的地图照片。

getInputtips(Object) 获取提醒词。

getDrivingRoute(Object) 获取驾车路线。

getWalkingRoute(Object) 获取徒步线路。

getTransitRoute(Object) 获取公交车路线。

getRidingRoute(Object) 获取骑行路线。

实际插口使用方法，参照高德官方网文本文档: AMapWX基本上方式

连接SDK：

最先：下载SDK下载详细地址 下载完后，立即将a ** p-wx.js文件拖到工程项目libs文件目录下，这一文件目录随意建的，一定要放进miniprogram文件夹名称内，一切地方都能够，要不然找不着。如下图：

引入： 1.在js文件开始引进并申明SDK目标

2.把不有关编码删除后，得到高德所在位置天气状况，大约便是这样子的：

// miniprogram/pages/home/home.jsvar a ** pFile = require('../../libs/a ** p-wx.js');Page({ /** * 网页页面的原始数据信息 * 本地图："../../i ** ges/hz_metro_ ** p.png" * 施工网络图： */ data: { weatherInfo: null, }, /** * 性命周期函数--监视网页页面表明 */ onShow: function() { this._getWeather(); }, /** * 获取天气数据 */ _getWeather: function() { var that = this; var myA ** pFun = new a ** pFile.AMapWX({ key: '高德地图key' }); myA ** pFun.getWeather({ success: function (data) { //取得成功调整 console.log(data) }, fail: function (info) { //不成功调整 console.log(info) } }) }})

那样就领到了高德的数据信息，超级简单有没有。

碰到的坑

尽管非常简单，可是运用起來，或是发觉有坑。应用getPoiAround插口时，发觉沒有分页查询作用。实际上高德服务项目度插口是有分页查询作用的，可是小程序SDK里并没把page主要参数曝露出去，坑啊。我应用的SDK版本号是:sdkversion: "1.2.0"

解决方案：在a ** p-wx.js文件里，寻找getPoiAround插口，往主要参数里加上一个page字段名就可以，如下图：

那样就能正常的分页查询了。

最终

高德地图的每日可启用频次限制，比腾讯官方地图的多一些。

到此就讲完了，也就那回事。

热烈欢迎扫上边小程序码，感受我的小程序，多多的调侃，我将再次提升。感谢！

.