专栏首页腾讯位置服务助你开启“上帝视角” 数据可视化组件全新上线

助你开启“上帝视角” 数据可视化组件全新上线

在这个数据大爆炸的时代,将数据以可视化的方式呈现出来,无疑可以让人更快的发现数据规律,提升业务决策的效率。而数据可视化一旦和地图结合起来,就给数据赋予了空间属性,对用户来说好比是开启了“上帝视角”,在特定地域范围内的相关信息一览无余。因此,数据可视化组件就成为深受地图开发者们欢迎的重要功能,腾讯位置服务也于近期隆重推出了这项功能。

01

组件类型丰富 满足多种场景

实际的业务场景多种多样,为此,腾讯位置服务精心提炼并发布了4个最常用的可视化类型:散点图、热力图、迁徙图、区域图,涵盖点、线、面多种类型,确保可以满足大部分场景的需要。

1) 散点图:散点图是把一系列离散的数据点按照位置信息标注在地图上,适合需要把大量具有相同属性的地址信息同时展示在地图上的业务场景,比如展示连锁店分布、加油站分布、银行网点分布等。下图是虚拟数据的效果图。

当然,如果想展示的数据点不是同一个属性(比如一类是银行A的网点,另一类是银行B的网点),还可以通过分组功能,将这些点同时展示在一张地图上并通过不同的颜色进行区分。如下图就是通过3种颜色同时展示了3类数据点。

2) 热力图:热力图通过指定的半径范围进行数据叠加计算,然后与梯度颜色进行数据映射,不同的颜色深度代表不同的数据密度。通常适用于数据量比较多且在一定地域范围内相对密集的业务场景,比如展示某个商圈的人流分布、某个景区的客流分布、某个区域的车流分布等。下图是虚拟数据的效果图。

3) 迁徙图:迁徙图是在两点之间绘制弧线进行连接,并配以动画呈现移动效果的图像,主要用于展示不同地点之间人员、物品、车辆等流动的方向,具体场景如春节期间返乡人员迁徙图、某水产市场商品销售流向图等。下图是虚拟数据的效果图。

4) 区域图:区域图是对不同的区域划分分别进行区面着色展示的可视化类型。开发者可以先把离散的数据会按照相应的区域进行聚合,然后再根据聚合的数值映射成不同的区面颜色。通常这种地图适合按区域展示各类指标的场景,比如展示中国各省的人口密度、北京市各区的平均房价等。下图是虚拟数据的效果图。

02

配置灵活简便 预留定制空间

为了满足不同开发者在不同业务场景下的绘图诉求,可视化组件的4个类型分别为开发者提供了灵活的配置参数选项,给开发者预留了定制化空间。

以热力图来举例,可以在创建的时候通过radius参数来改变热力辐射的绘制半径,通过gradient参数改变热力辐射的渐变颜色,通过opacity参数改变透明度。下面两图为改变参数前后的对比图(基于虚拟数据)

默认参数

改变参数后

其他的可视化组件同样提供了灵活的参数配置,比如可以改变迁徙路线的宽度、颜色,用以表示两地联系的紧密程度,具体可登录官网文档查看。

03

强大的数据处理能力 卓越的底层渲染引擎

借助强大的数据处理和底层渲染能力,可视化组件可以进行大数据量的快速处理,并且在web端进行流畅的展现。目前散点图和热力图支持10万条数据量、迁徙图和区域图支持1万条数据量的展现。

另外,我们的研发同学还为开发者精心准备了4个demo,大家在手机端识别二维码即可直接观看效果,是不是很贴心?

本文分享自微信公众号 - 腾讯位置服务(gh_ba7849dcf583)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-02-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

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

    ? 在这个大数据时代,各式各样纷繁复杂的海量数据让我们应接不暇。如何快速发现数据背后的规律,发掘数据隐藏的价值,是帮助我们提高业务决策效率的关键。在这个过程中...

    腾讯位置服务
  • 因你而变,腾讯位置服务官网全新升级!

    ? 更清爽的UI风格、更直观的信息呈现、更生动的交互方式、更快速的搜索直达、更清晰的示例中心、更直接的用户反馈入口...我们全新升级的腾讯位置服务官网终于和大...

    腾讯位置服务
  • 腾讯城市演示平台助力构建数字化国土空间规划格局

    6月22日,四川省自然资源厅国土空间规划局、上海同济城市规划设计研究院与腾讯在成都签署战略合作协议,三方将在国土空间规划与位置大数据领域展开合作,围绕国土空间...

    腾讯位置服务
  • Unity编译器拓展

    MenuCommand CONTEXT : 哪个类型东西进行编译 用例:改变一个脚本中的一些字段 此脚本放在Editor文件夹下

    祝你万事顺利
  • 释放你的鼠标,盲打键盘

    大家在用谷歌浏览器的时候,肯定很多时候在用鼠标,鼠标与键盘之间的切换效率非常低,那么怎么来提速?

    公众号guangcity
  • WAVE-背景、现状和未来

    本文是来自November 2018 Seattle Video Tech Meetup的演讲,演讲者是来自微软的John Simmons。演讲主要介绍了WAV...

    用户1324186
  • Web程序员们,你准备好迎接HTML5了吗?

    HTML5作为下一代的web开发标准,其特性已经慢慢地出现在主流的浏览器中,这种新的HTML将会让浏览器不必再依赖Flash、QuickTime、Silverl...

    葡萄城控件
  • 【Rust项目推荐】xactor - 基于async-std的actor框架

    Xactor is a rust actors framework based on async-std。

    MikeLoveRust
  • 超性感的React Hooks(五):自定义hooks

    在实践中,我们常常会遇到逻辑相同的功能片段。对于这样的场景,更省力的方式是,将这些功能片段封装成为一个单独函数来使用。

    用户6901603
  • 从TypeScript的类中派生接口[每日前端夜话0xAE]

    大多数面向对象编程语言都鼓励编程到接口【https://tuhrig.de/programming-to-an-interface/】的模式。TypeScrip...

    疯狂的技术宅

扫码关注云+社区

领取腾讯云代金券