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

腾讯位置服务

发布于 2023-03-22 10:10:42

43200

代码可运行

文章被收录于专栏：腾讯位置服务腾讯位置服务

运行总次数：0

代码可运行

开发者小伙伴是否还记得我们前段时间刚刚发的数据可视化移动端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);});

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