小程序内调用腾讯地图要实现类似弧线图、网格热力图、标准热力图踩坑

假设你已经申请了微信小程序和腾讯位置服务账号

1、// 在地图标签上加subKey参数，获取方法在https://lbs.qq.com/dev/console/custom/mapStyle，必须自定义一个性化样式，否则图层显示不了

2、创建 map 上下文 MapContext 对象。建议使用 wx.createSelectorQuery 获取 context 对象

3、const mapContext = wx.createMapContext(string mapId) // mapId为地图标签的id

4、然后调用mapContext.addVisualLayer(Object object)

5、 // 主要参数是layerId，layerId获取方法在https://lbs.qq.com/dev/console/layers/layerEdit，新建好图层后，发布，会有图层id

6、自定义图层数据有刷新时间和次数限制，所以要做实时更新的数据，需要考虑可行性

7、自定义图层只能在真机上才能显示，

效果图：

测试弧线图

总结：

微信开发者文档和腾讯数据可视化文档在小程序里的使用都不是很全面，主要是必须要用自定义图层样式，才能显示自定义图层，其他细节倒是文档上都有