一圖勝千言騰訊位置服務數據可視化JS API重磅升級

開發者小夥伴是否還記得我們前段時間剛剛業內首發的數據可視化移動端SDK ？

相信那裏面炫酷的數據可視化效果一定讓你印象深刻。爲了給開發者們提供“多端一體”的產品體驗，我們不光在移動端上努力創新，力爭做到業界第一，同時也在Web端持續發力，不斷升級我們的數據可視化效果。

去年我們面向Web端發佈了數據可視化 JS API，一經推出便受到了開發者們的熱烈歡迎，開發者使用量持續攀升，我們也深刻感受到數據可視化的巨大價值。經過一年的精心打磨，今天我們終於迎來了數據可視化JS API的全新升級。

效果升級，更炫酷的視覺衝擊力

我們最新的數據可視化JS API不僅針對已開放圖層進行了全新的視覺升級，擴充了對於 動畫、泛光 以及 漸變填充 能力的支持，同時新增了 圍牆面、輻射圈、水晶體、管道線 等效果，讓你的業務場景具有更多選擇和更強表現力。

豐富動效，讓數據呈現更鮮活

我們的數據可視化圖層全面開放動畫能力，支持 淡入淡出、自然生長、跳動、呼吸 等多種類型，增加了信息表現維度，開發者可以按需配置，讓數據表現更鮮活。

泛光特效，讓數據表現更酷炫

爲了提升數據可視化圖層的質感，我們面向各類圖層開放了泛光特效，大幅提升數據表現力。

漸變填充，讓視覺配色更豐富

我們在視覺上不斷精益求精，對每個細節持續打磨，針對各類數據圖層樣式進行多輪優化，同時支持開發者進行漸變色配置，讓配色更加豐富。

圖層上新，讓數據表達更多元

除了對已有圖層能力升級，我們也爲開發者推出了更多元的場景能力，覆蓋 管道線、輻射圈、水晶體、圍牆面 等，豐富線、面、體的表達形式。

性能升級，更強大的數據渲染能力

百萬級數據渲染，高幀率流暢體驗

全新升級的數據可視化圖層不僅有着炫酷的視覺效果，並且還充分發揮GPU的並行計算能力，結合WebWorker多線程技術，大幅度提升了渲染性能，最高支持百萬級點、線、面繪製，同時可以保持高幀率運行。

熱力圖專項優化，大幅提升渲染效率

加載10萬數據量優化前後性能對比：

	優化前	優化後
幀率	20	59
GPU	2.2MB	3.5MB

機器配置：

CPU：Intel(R)Core(TM) i7-10750H CPU @ 2.60GHz

內存：16G

顯卡：NVIDIAGeForce GTX 1650 Ti

系統：Win10 64位

瀏覽器版本：Chrome 92.0（64 位）

接入升級，更便捷的數據上圖方式

我們開放了調用自定義數據圖層的能力，開發者可以直接調用在控制檯中配置好的數據圖層，在地圖上疊加呈現，這提供了一種更加簡單的數據上圖方式，調用方法：

//創建地圖var map = new TMap.Map("container", {    center: new TMap.LatLng(40.0324251949936, 116.23647955854779)});
//調用自定義數據圖層，其中'3a1a6cff9a8b'指生成的圖層idTMap.visualization.createDataLayer('3a1a6cff9a8b', map).then(layer => {console.log(layer);});

至此即可完成用戶自定義數據圖層的渲染：