zoukankan      html  css  js  c++  java
  • 业内首发!腾讯位置服务移动端 3D数据可视化图层正式发布!

    近期腾讯位置服务持续感受到广大开发者和客户对于数据治理、数据可视化方面的旺盛需求,这也符合大数据能力在应用端逐渐普及的趋势。虽然“数据会说话”,但想要处理好复杂又庞大的各类数据,并能够结合地图进行合理的空间数据可视化展示,达到“一图胜千言”的效果其实并不容易。去年,我们面向Web端推出的数据可视化API深受广大开发者的好评,“多端一体”一向是我们努力的目标。

    腾讯位置服务于业内率先发布地图SDK 3D数据可视化模块。基于OpenGL ES 3.0打造,继承了Native引擎的渲染能力优势的可视化模块,可以充分发挥移动端GPU的并行计算能力,让移动端开发者不再受限于H5的性能短板,充分享受高性能海量数据渲染优势,将地理空间数据和地图完美结合。

    目前可视化模块已经向开发者提供了多种数据可视化样式,包括全新的矢量热力图、蜂窝热力图、弧线图、轨迹图、散点图,覆盖多种数据类型,用于搭配不同的业务数据进行可视化展现。移动端数据可视化有TA就够了!

    炫酷3D,打造直观立体效果

    在每类图层中,我们赋予了开发者足够丰富的属性配置,以打造炫酷多样的数据可视化效果。

    首先,可视化模块内的所有数据图层样式都支持3D效果展示,结合地图的俯仰视角变化,让用户的感受更加直观,立体。

    3D效果
    其次,辐射半径、聚合半径、数据区间、展示级别等参数的开放,让开发者即使面对多变的数据规模和分布都有一个合理的呈现。
    参数调整
    最后,为了让可视化模块的配色调整灵活,匹配不同的底图效果,我们专业的设计师提供了多种配色风格和对应的参数模板,开发者可以不需要任何配置,直接上手使用,为用户呈现全新的地图数据可视化视觉体验。

    设计师配图色卡

    丰富动效,助力数据鲜活呈现

    除了基础的静态绘制能力之外,我们的数据可视化模块还提供了图形的动效显示能力。例如在人口迁徙场景中,可以通过弧线的动态流向,来表现人口迁徙的方向。又比如在公园游客分布场景中,可以加入不同高度的动态拔起效果,来体现人流热力数据按时间变化的情况。还有散点图层的辐射动效,轨迹图的脉冲动效等等,这些丰富的动态效果让数据立马鲜活起来!
    蜂窝拔起
    弧线动画
    散点图辐射
    轨迹图脉冲

    精致细节,匠心打磨视觉体验

    为了打造细腻逼真的视觉体验,我们在可视化图层的各种细节上都进行了充分的打磨,在各类数据图层样式中进行了多轮效果优化。
    热力图单点形成完美钟形曲线

    热力图钟形曲线

    散点图泛光效果让星云点阵跃然图上

    散点图泛光

    强力性能,操作体验自然顺畅

    业内常见的热力图效果之前都是用瓦片的方式实现,在缩放的过程中卡顿感明显,加载速度也比较慢。相较于这种瓦片方式的可视化图层,我们采用了矢量方式,并且在多个层面都进行了效果升级,热力图在使用过程中更加流畅自然。对比下图中两种版本热力图的效果,立体模式搭配炫酷色调,是不是感觉一下子科技感陡增?
    老热力图和新热力图对比而且,我们在技术上还充分发挥GPU的并行计算能力,同时结合实例化渲染技术,大幅度提升了渲染性能。最高支持百万级热力点和万级弧线在移动端下的流畅操作。

    百万级热力点依旧流畅

    可视化图层应用场景实例

    在这里小编先抛砖引玉,列举几个可视化图层的实际落地案例,希望能帮助开发者小伙伴更好的理解可视化图层与自己的业务场景如何结合。
    颐和园景区的游览者人流分布

    热力图示例
    中国某时段的人口迁徙变化

    弧线图示例
    北京市内网约车爆单区域

    蜂窝图示例
    北京市公交线路图

    轨迹图示例

    北京市交通事件概况

    散点图示例
    北京市道路积水预警

    散点图示例
    目前,移动端3D数据可视化模块1.0版本已经集成于腾讯地图SDK中,并可以在腾讯位置服务官网免费下载(Android版本iOS版本),欢迎广大开发者立即体验使用,让您的数据鲜活起来,跃然“图”上!

    如果您在使用过程中遇到任何问题,欢迎随时登录腾讯位置服务官网提交工单联系我们,我们将竭诚为您解答!

    往期回顾

    让数据跃然“图”上!腾讯位置服务数据可视化API正式发布

  • 相关阅读:
    android 样式开发
    Android studio 开发环境搭建
    nodejs+express 4.x笔记
    C#: switch语句的重构『网摘』
    从实例谈OOP、工厂模式和重构
    ASP.NET FileUpload 上传文件类型验证
    asp.net 网页中播放 flash 和flv
    数据库设计中主键问题
    修改Sqlserver实例默认排序规则
    查看sqlserver被锁的表以及如何解锁
  • 原文地址:https://www.cnblogs.com/TencentLBS/p/15235916.html
Copyright © 2011-2022 走看看