• 阅读: 932 回复: 0
    图图澜

    鲍志方:手把手教你制作炫酷可视化地图

    楼主 发表于 2021-09-13 15:26:05

    前言:本文内容是数澜科技CIO创享直播系列——手把手教你制作炫酷可视化地图的直播分享的整理,直播嘉宾:数澜科技可视化业务部前端工程师鲍志方。

    完整直播请戳》》》》》

    一、澜图


    (一)什么是澜图

    澜图是有数澜可视化团队完全自研的一个一站式数据可视化应用平台。按照设计师思路打造的一款适合设计师使用的可视化操作工具。

    (二)澜图产品优势

    1.丰富的可视化组件&模板:上百种纯自研图表及多场景数据屏模板;

    2.所见即所得的能力:图形化的编辑界面,支持即时调整样式,一键发布;

    3.支持对接多种数据源:支持静态json、Excel、csv等静态表格的实时渲染、Get、Post等多种请求方式的Api、MySql等数据库的直连;

    4.强大的交互能力:有交互规则,触发源,响应源以及强大的交互组件,通过这些东西的配合,可以实现多图表多画布的联动,澜图几乎覆盖了所有常见的交互;

    5.纯安全的保障:多空间数据和成员之间完全隔离、空间内的数据素材和项目可根据权限和角色进行控制;支持私有化部署,保障数据安全;生成快照,一键备份,可恢复完整数据屏配置;

    6.强大的地图可视化能力:双引擎Gis,支持三维可视化效果。

    二、什么双引擎Gis

    (一)引擎一:SVG地图


    SVG地图是网页上以svg为产物的二维地图,适用需求较为简单,展示较为宏观的场景。

     SVG地图有哪些优势

    1.非常轻量级;

    2.开发维护成本比较低;

    3.兼容性很强,非常易于复用;

    4.拓展性强,SVG能画的都可以进行搭配.

    SVG地图的实际案例展示

    澜图SVG简单操作

     

    (二)引擎二地图引擎——3D GIS

    什么是GIS


    在百度上的解释是一种地理信息系统,实际上是基于地图的可视化解决方案,适用于需求比较复杂并且涉及到微观层面的场景,特别是用户有自己真实的地图或者3D的需求的场景。

    3D GIS有哪些优势

    1.真3D,看上去更炫酷;

    2.可承载比较复杂的业务和更炫酷的动画;

    3.可进行微观层面的展示。 

    GIS的真实案例

    GIS在澜图呈现效果展示

     

    关于澜图Q&A

    Q:澜图平台的底图是平台自带的吗?

    A:澜图平台有自带的一份底图,如果用户有自己的地图服务,澜图可以对接用户的底图,将其补进澜图平台。

    Q:澜图自带的底图是每年更新吗?

    A:澜图目前计划是隔一段时间更新一次。

    Q:如果所应用地区的建筑结构发生改变,与原先底图对不上,澜图可视化团队会怎么处理?

    A:有两种解决方案,一是澜图会自己更新底图服务,二是如果用户有自己比较新的底图服务,澜图会将新的底图服务对接进澜图平台中去。一般而言,用户只要使用标准的底图,澜图平台都可以对接。

    Q:当遇到没有坐标的CAD图,澜图是否有办法处理?

    A:有两种方式,但都需要手动去找坐标。第一种方式是把CAD以点线面的形式绘制出来,然后手动找坐标;第二种方式是将CAD直接处理成图片,置入澜图平台中。澜图目前默认使用的底图经纬度标准是WGS 84,如果用户的底图和业务数据不是按照这套标准,是需要做坐标转换的。

    Q:澜图是如何进行数据对接?

    A:澜图主要是数据展示的平台,数据接入方式主要有两种,一种是API,另一种是数据库,所以无论是什么样的系统,它的数据总是需要传到数据库的,只要用户将对应的sql准备好,就可以取到数。

    Q:澜图点位能支持最大的量是多少?

    A:就底图渲染上看,几万个点是没问题的,也考虑到电脑电脑性能的问题。

    Q:澜图如何做一个后端主动推送到前端的渲染?

    A:之前的方案是使用WebSocket但目前各个厂商对外部的封装不同,暂时没有办法做到统一。如果有这方面的需求,澜图可视化团队可以定制,根据用户的WebSocket 封装用户的标准。

热门文章

数栖云部署及资源配置超详细指南

数栖平台使用前置条件说明

数栖云中的各个作业类型,到底有什么不同?

数栖云套餐选择攻略

最新文章

澜图使用教程摘要:01.工具界面各部分介绍

数据中台产品|数栖平台数据资产开发套件 :实时开发

数据可视化工具|02 澜图产品价值

鲍志方:手把手教你制作炫酷可视化地图

  • 未登录

    回复楼主

    登录后可回复
    /1000