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

小程序地图SDK原理 （注意：这一段要仔细看哦，很多人问我为什么你写的是高德地图SDK，却用的是腾讯地图，答案就在这里）

微信小程序开发，可以使用地图组件map，来进行地图显示、定位、显示大头针等基本功能，具体可以看官方文档：微信小程序map组件。

map组件只提供一些基本的“硬件”，还需要“大脑”来驱动这些“硬件”。这个“大脑”就是腾讯地图、百度地图和高德地图提供的小程序SDK。其实这些SDK只是提供了一些网络请求接口，请求这些接口，能获得对应结构的网络数据，再驱动map组件来渲染。

比如线路规划：从A到B，只要确定起点经纬度和终点经纬度，传给SDK，SDK里就会发起网络请求，获得最佳路线，返回给你从A到B所途经的转折点经纬度数组，你把得到的经纬度数组传给map组件，map就能绘制路线。

高德SDK接口列表

高德地图提供的接口有：

具体接口用法，参考高德官方文档: AMapWX基本方法

接入SDK：

首先：下载SDK下载地址
下载完后，直接将amap-wx.js文件拖到工程libs目录下，这个目录随便建的，一定要放到miniprogram文件夹内，任何位置都可以，不然找不到。如图：

 引用：
1.在js文件开头引入并声明SDK对象

// miniprogram/pages/home/home.js
var amapFile = require('../../libs/amap-wx.js');
Page({
    /**
     * 页面的初始数据
     * 本地图："../../images/hz_metro_map.png"
     * 网络图：
     */
    data: {
        weatherInfo: null,
    },
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {
        this._getWeather();
    },
    /**
     * 获取天气信息
     */
    _getWeather: function() {
        var that = this;
        var myAmapFun = new amapFile.AMapWX({ key: '高德地图key' });
        myAmapFun.getWeather({
            success: function (data) {
                //成功回调
                console.log(data)
            },
            fail: function (info) {
                //失败回调
                console.log(info)
            }
        })
    }
})

遇到的坑

虽然很简单，但是使用起来，还是发现有坑。使用getPoiAround接口时，发现没有分页功能。其实高德服务度接口是有分页功能的，但是小程序SDK里并没有把page参数暴露出来，坑啊。我使用的SDK版本是:sdkversion: "1.2.0"

解决办法：在amap-wx.js文件里，找到getPoiAround接口，往参数里添加一个page字段即可，如下图：

这样就能正常分页了。

最后

高德地图的每日可调用次数上限，比腾讯地图的多一些。