小程序內(nèi)調(diào)用騰訊地圖要實(shí)現(xiàn)類似弧線圖、網(wǎng)格熱力圖、標(biāo)準(zhǔn)熱力圖踩坑

假設(shè)你已經(jīng)申請(qǐng)了微信小程序和騰訊位置服務(wù)賬號(hào)

1、// 在地圖標(biāo)簽上加subKey參數(shù)，獲取方法在https://lbs.qq.com/dev/console/custom/mapStyle，必須自定義一個(gè)性化樣式，否則圖層顯示不了

2、創(chuàng)建?map?上下文?MapContext?對(duì)象。建議使用?wx.createSelectorQuery?獲取 context 對(duì)象

3、const mapContext = wx.createMapContext(string mapId) // mapId為地圖標(biāo)簽的id

4、然后調(diào)用mapContext.addVisualLayer(Object object)

5、 // 主要參數(shù)是layerId，layerId獲取方法在https://lbs.qq.com/dev/console/layers/layerEdit，新建好圖層后，發(fā)布，會(huì)有圖層id

6、自定義圖層數(shù)據(jù)有刷新時(shí)間和次數(shù)限制，所以要做實(shí)時(shí)更新的數(shù)據(jù)，需要考慮可行性

7、自定義圖層只能在真機(jī)上才能顯示，

效果圖：

測(cè)試弧線圖

總結(jié)：

微信開(kāi)發(fā)者文檔和騰訊數(shù)據(jù)可視化文檔在小程序里的使用都不是很全面，主要是必須要用自定義圖層樣式，才能顯示自定義圖層，其他細(xì)節(jié)倒是文檔上都有