一图胜千言腾讯位置服务数据可视化JS API重磅升级

开发者小伙伴是否还记得我们前段时间刚刚业内首发的数据可视化移动端SDK？

相信那里面炫酷的数据可视化效果一定让你印象深刻。为了给开发者们提供“多端一体”的产品体验，我们不光在移动端上努力创新，力争做到业界第一，同时也在Web端持续发力，不断升级我们的数据可视化效果。

去年我们面向Web端发布了数据可视化JS API，一经推出便受到了开发者们的热烈欢迎，开发者使用量持续攀升，我们也深刻感受到数据可视化的巨大价值。经过一年的精心打磨，今天我们终于迎来了数据可视化JS API的全新升级。

一、效果升级，更炫酷的视觉冲击力

我们最新的数据可视化JS API不仅针对已开放图层进行了全新的视觉升级，扩充了对于动画、泛光以及渐变填充能力的支持，同时新增了围墙面、辐射圈、水晶体、管道线等效果，让你的业务场景具有更多选择和更强表现力。

1.丰富动效，让数据呈现更鲜活

我们的数据可视化图层全面开放动画能力，支持淡入淡出、自然生长、跳动、呼吸等多种类型，增加了信息表现维度，开发者可以按需配置，让数据表现更鲜活。

2.泛光特效，让数据表现更酷炫

为了提升数据可视化图层的质感，我们面向各类图层开放了泛光特效，大幅提升数据表现力。

3.渐变填充，让视觉配色更丰富

我们在视觉上不断精益求精，对每个细节持续打磨，针对各类数据图层样式进行多轮优化，同时支持开发者进行渐变色配置，让配色更加丰富。

4.图层上新，让数据表达更多元

除了对已有图层能力升级，我们也为开发者推出了更多元的场景能力，覆盖管道线、辐射圈、水晶体、围墙面等，丰富线、面、体的表达形式。

二、性能升级，更强大的数据渲染能力

1.百万级数据渲染，高帧率流畅体验

全新升级的数据可视化图层不仅有着炫酷的视觉效果，并且还充分发挥GPU的并行计算能力，结合WebWorker多线程技术，大幅度提升了渲染性能，最高支持百万级点、线、面绘制，同时可以保持高帧率运行。

2.热力图专项优化，大幅提升渲染效率

加载10万数据量优化前后性能对比：

机器配置：

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'指生成的图层id
TMap.visualization.createDataLayer('3a1a6cff9a8b', map).then(layer => {console.log(layer);
});

至此即可完成用户自定义数据图层的渲染：