惊艳!人人都能玩转酷炫的数据可视化,高德LOCA 2.0全新升级,轻松实现海量数据渲染

简介: “一图胜千言”,大数据时代来临,数据与人们生活密切相关。复杂难懂且体量庞大的数据给人的感觉总是冷冰冰的,让人难以获取到重点信息,也找不出规律和特征,数据价值发挥不出来。空间数据可视化就是为了解决这些问题,用通俗易懂的图形符号还原数据,表达多纬度数据信息,让你的数据“活”起来!

引言

“一图胜千言”,大数据时代来临,数据与人们生活密切相关。复杂难懂且体量庞大的数据给人的感觉总是冷冰冰的,让人难以获取到重点信息,也找不出规律和特征,数据价值发挥不出来。空间数据可视化就是为了解决这些问题用通俗易懂的图形符号还原数据,表达多纬度数据信息,让你的数据“活”起来

image.png


高德 LOCA 数据可视化旨在为各领域企业和个人提供便捷高效的可视化应用技术,提供基于 WebGL 和高德 JSAPI 的大规模地理数据可视化开发框架,应用于地理空间数据的可视化领域。与高德静态底图结合,深度定制,拥有丰富的可视化类型将高性能海量数据渲染能力、丰富的案例场景、酷炫表达以简单易用的方式提供给用户,让人人都能玩转酷炫的地理数据可视化。

一句话概括,你可以轻轻松松把一堆枯燥无味的数据通过酷炫的方式展示到地图上,并顺手生成那个牛气哄哄的可视化方案!


LOCA数据可视化API 2.0全新升级

LOCA2.0不仅具有简单易用的  API  文档,丰富的场景案例灵活选择。还升级了90余种图层能力其中包括数据交互功能及点、线、面、蜂窝、热力等动画支持,让数据鲜活有温度、易理解、可交互。技术上运用全新的渲染管线和架构模式,极大提升了数据处理能力和数据渲染能力。



LOCA 2.0新特性

image.gif视觉&动效

1.用这些配色既好看,又能传递数据语义

LOCA 的基础配色,结合数据关联关系、分布趋势、特征属性等特点,精细化配置颜色在数据维度上的衡量和心理感知。所有案例均使用辨识度高、准确、可信的配色策略,包括:分类色、单双相连续色、发散色、语义色。通过颜色的视觉通道来理解和观测数据,用户可根据 LOCA 案例场景取对应配色方案使用,后续将提供浅色地图的可视化配色主题。
image.gifimage.png

2.简单易懂的图形符号,让你做出人人都懂的可视化

在实现可视化映射时,LOCA 采用图形易变量的思路,定义了视觉变量的种类:形状、尺寸、方向、颜色,将数据点映射到图形时,基于数据的类别、顺序和数值特性,匹配合适的视觉图形。如图所示,LOCA 所使用的视觉变量及可视化编码。


image.pngimage.gif


3.高度自定义镜头,支持多数据场景切换

高度自定义的镜头。在地图场景中如何运用镜头语言来展现信息内容尤为重要,因此我们提供了 Pitch、Zoom、Rotation、Center 四个镜头相关变量,自定义轨迹动画曲线缓入、缓出等,实现对镜头参数顺心所欲的控制。

image.gif

image.png

4.平滑自然的动画效果,让数据转场不再突兀

更多图层要素动效。支持三十多种动画线,高度、半径、透明度、海拔等属性都拥有动画过渡特效,解决图层出现消失时的突兀问题,让数据之间的转场过渡平滑自然。

image.gifimage.png

5.多光源分布,增强场景视效

一个场景支持多点布光。多种光照类型,多光源分布,可控制光照强度、范围、颜色、位置等,通过参数控制光照随时间的转场效果,增加场景光照明暗的视觉层次。

image.gifimage.png

6.表达AB点脉冲和轨迹动画效果,让数据鲜活起来

PulseLine 轨迹线支持脉冲效果,脉冲可控制数量、动画时长、线段宽度等,动画方向和速率均可传递数据意义,例速度快则数据线路繁忙,慢则反之。Scatter 图层支持图标动效绘制。

image.gifimage.png


图层能力&渲染性能

1.三维空间高度线和楼层能力,还原真实空间数据效果

三维空间支持。线图、热力图、网格图、蜂窝图等都已支持地理单位(米)的设置,并且对于线数据图层可设置每一个节点的海拔高度,定义节点之间不同的垂直距离。三维高度面能力,还原实际楼层高度及内部构造,可灵活设置单个楼层和内部面的厚度、透明度和颜色等属性。

image.png

2.个性化定制独特的图形,让可视化效果丰富多样

数据驱动的自定义视觉变量控制。样式字段支持对图层中单个数据进行函数回调,可以针对每一个数据设置独特的图形符号,灵活的配置图形符号半径、透明度、透明度等属性。
image.gifimage.png

3.数据渲染可达百万级,效率提升近10倍

通过全新的架构渲染管线,优化数据处理和样式解析过程,充分发挥 WebGL 的渲染性能,突破 LOCA 1.3 大数据量渲染的瓶颈,数据响应速度快可轻松处理大规模数据集。
image.gifimage.png


4.支持多图层任意组合,大小场景实时观测

在业务场景中,通常观测宏观趋势时也希望可以看到微观场景下数据分布和数值,辅助数据分析及决策。LOCA 提供双图层融合能力,可对单个图层自定义颜色、尺寸、样式和组合过渡效果。以 3D 热图结合点图层为例,通过镜头控制地图逐级下钻,满足从全局到局部可视的读取数据的需求。

image.pngimage.gif


5.数据精准拾取,满足复杂场景的展示和交互

支持图面海量要素的快速获取,细颗粒度控制要素的自定义样式和独立渲染,鼠标滑过元素即高亮反馈并透出数据信息,点、线、面、体最小像素选中后数据精准透出,来满足复杂场景的展示和交互。
image.gifimage.png

LOCA 业务场景应用

LOCA 可视化 API 旨在帮助企业和个人打造空间数据可视化表达与分析解决方案,适用于众多业务场景。例如:交易分析、选址投放、交通指数、城市健康度、事件响应、研判分析、疫情迁徙等场景的应用。LOCA 2.0 全面提升了业务场景表达能力,多维度解读数据,使业务数据表达更专业、精准。也为用户提供了丰富的业务场景案例 Demo,供广大用户参考使用。

image.png

结语正如约翰·图基所说:图像最大的价值在于促使我们关注到意想不到的东西。地理可视化通过数据的计算转化,让颜色变得更有温度,数据变得更有份量,动画更有意义,让地理空间数据更具活力。未来还有越来越多的可视化前沿场景等着我们去挖掘去钻研,依托于高德地图的 LOCA 将持续提升空间数据的计算和表达能力,增强数据交互体验,让数据可视化发挥更巨大的商业价值,这也是我们不断前进的动力。



访问高德开放平台
lbs.amap.com高德数据可视化主页:https://lbs.amap.com/product/loca#/




电子书免费下载

《高德技术2020年刊合辑》



高德技术重磅发布《高德技术2020年刊合辑》电子书,覆盖了大前端、算法、架构、汽车工程、质量等多个领域,以及数篇高德入选顶会论文的解读,分享高德在智慧出行上的最佳技术实践和总结。

取消在看

相关文章
|
2月前
|
移动开发 数据可视化 前端开发
制作酷炫可视化大屏利器--分享10种比较流行的开源免费的图表库
制作酷炫可视化大屏利器--分享10种比较流行的开源免费的图表库
99 0
|
12月前
|
数据可视化 安全 Cloud Native
AntV 你的保姆级数据可视化解决方案
AntV 你的保姆级数据可视化解决方案
534 0
|
7月前
|
移动开发 前端开发 JavaScript
优酷大屏前端技术用到什么
优酷大屏前端技术用到什么
|
9月前
|
数据可视化 JavaScript 前端开发
[LBS学习笔记 1]高德数据可视化初体验
换了新工作,虽然还是java开发,但是之前搞做在线教育的,现在做地图相关的事。因此,花了些时间学了空间索引相关的内容,后期会写关于空间索引相关的内容,这期写地理数据可视化相关的内容。
112 0
[LBS学习笔记 1]高德数据可视化初体验
|
12月前
|
JSON 移动开发 数据可视化
移动端数据可视化方案的挑战与设计
移动端数据可视化方案的挑战与设计
309 0
|
移动开发 数据可视化 前端开发
基于Leaflet的全景综合展示实战
众所周知,当前许多GIS类应用底图数据都是有层级限制。在一些需要高清晰的实景展示需求下,就必须要结合一些更接近真实的展示。比如倾斜摄影测量、Bim技术、全景展示技术。而从经济成本和时间成本上来比较,全景展示技术成本较低,制作流程简单
522 0
基于Leaflet的全景综合展示实战
|
数据可视化 定位技术 API
Leaflet 与高德继续碰撞火花!
我们对 leaflet 包做了一期简单的入门教程:空间地理数据可视化之 leaflet 包及其拓展。之后,又将高德和该包相结合,介绍了前期需要准备的工作,见:Leaflet 与高德合并会擦出怎么样的火花?。这一期就到了绘制地图环节,下面将分享三类数据的绘制教程。
884 0
|
移动开发 开发框架 人工智能
在数据世界里获得视觉化思考能力,AntV 新发布三款技术产品
AntV 是蚂蚁集团的一个数据可视化项目, 是企业级数据可视化解决方案。 该项目致力于让人们在数据世界里获得视觉化思考能力。
956 0
在数据世界里获得视觉化思考能力,AntV 新发布三款技术产品
|
监控 数据可视化 安全
基于WebGL的三维数据可视化大屏开发流 ThingJS
三维数据大屏可视化系统包含多源数据连接、生成二维/三维视图、构建可视化大屏、大屏功能应用等一体化服务,基于多年可视化项目经验,ThingJS平台得出从数据源上传到可视化大屏应用的完整流程。
基于WebGL的三维数据可视化大屏开发流   ThingJS
|
传感器 开发框架 数据可视化
有前端开发经验,3D可视化项目快速入门! 三维建模 js 全景 虚拟园区 ThingJS
3D可视化是新兴行业,可以考虑物联网3D可视化或者3D影视游戏,前景都很看好。
有前端开发经验,3D可视化项目快速入门!  三维建模 js 全景 虚拟园区 ThingJS