传统地图不够炫-快来GET实用而强大的html5地图.docxVIP

数据地图，你在做关于地理位置的数据分析时常会用到。 亿信BI在数据分析展示方面是首屈一指，内置数十种可视化元素和图形，通过设计与搭配，可衍生出成千上万种可视化效果。亿信BI有强大的地图功能，包括基本地图、GIS地图、热力地图、html5地图、3D地图等，有以下一个体系： 先来认识一下html5地图，小亿教你如何使用亿信BI的数据地图制作功能，来提升表哥表姐们数据报表的逼格。 html5地图类型介绍 1、html5主干线图 带主干线的地图，用于查看地理位置信息之上定义的关系图。 名称：中国铁路运输线路 创作思维：中国有多少条铁路线路？从A地到B地是否有铁路线路？若是有，我可以乘坐哪条线路？铁路线路主要分布在哪些省份？下面的作品展示了这个创意。 从上图中我们可以看到中国的部分铁路运输线路，有南北线和东西线组成，图片列举了从北京出发到广州的一条线路（北京-石家庄-郑州-武汉-广州），还可以根据距离选择最佳的乘车方案。 2、html5标点地图 标点和地图的结合，我们以地图为背景，在上面标点。我们将标点展示在一个指定的地理区域内，标点里可以展示数值。 名称：全国各市PM2.5情况统计 创作思维：PM2.5已经成为了人们日常关注的焦点，它可以判断一个城市环境的优劣，PM2.5数值越大表明环境污染越严重，将采集过来的PM2.5数据汇总录入到数据库中，通过地图展现PM2.5数值分布情况，我们可以很清晰的判断哪些城市适合居住。 从上图中可以看出PM2.5数值的大小使用由青到红的颜色排列，数值越大颜色越红，数值越小颜色越青，污染严重（PM2.5200）的地区分布在北京、河北、山西等地，并以红色闪动的炫光提醒，也可以拖动地图左下方的值域设置组件过滤显示在PM2.5数值区间的地区。 3、html5渲染式地图 渲染地图按区域指标数值大小以不同的颜色渲染来展示和区分，以起到预警的作用。 名称：湖北省各市六月份平均气温分布情况 创作思维：相信很多人都有查看天气预报的习惯，我们接触都是单纯的气温数据，数据越大，温度越高，当引入html5渲染式地图后，我们可以将气温的数值渲染在地图上，当温度越高时，颜色越深，这样可以形成一个很直观的感受。 从上图我们可以看到湖北省各市的气温，使用不同的颜色表示温度，温度越高，颜色越红，随州市六月份的均温最高，拖动地图左下方的域值设置组件显示不同的气温区间的城市。 4、html5流向图 流向图常用来可视化源汇流数据。源地和汇地可以是点，也可以是面。源地和汇地之间的互动数据，常用线段来表达，线的宽度或颜色来表示源地和汇地之间的流向数值，线段上可以使用自定义图片如箭头来表示流向方向。流向地图多应用于区际贸易、交通流向、人口迁移、购物消费行为、通讯信息流动、航空线路等场景。 名称：湖北省毕业生流向图 创作思维：每年毕业季，特想看看毕业生都去了哪里？使用html5流向图后就可以很清楚的将这些信息捕捉到。 从上图可以看到，湖北省的毕业生还是北漂的比较多，既有从本省到各省的流向，鼠标放到流向省份还可以看到具体人数。 通过拖动地图左下方的值域，红黄绿蓝色依次渐变，可以看到对毕业生吸引力很大的城市依旧还是帝都呢。每年到春运的时候，哪些线路人员流动比较大，也可以使用html5流向图来显示。 html5地图制作教程 此处以渲染图为例讲解制作过程，其他类型的制作流程都大同小异。 第一步：添加统计图组件，选择html5地图类型 将柱状图组件以拖拽的方式添加到报表模板中： 双击组件出现统计图设置窗口，选择“统计图类型”后在左侧栏中找到“地图”这一项。选择其中一种类型，点击确定。 第二步：html5地图取数设置 制作分析表，根据地区维度浮动出指标值。 在统计图设置中设置数据源，关联做好的分析表格。 第三步：调整地图配色 为了让地图的效果更好，通常会先选择系统中提供的配色方案，然后再设置标题、微调背景墙壁、边框和填充等的颜色样式。如下图所示，选择需要的配色方案之后，在预览中就能看到地图的配色效果。 接着，可以在高级选项中，设置边框和填充色，其他微调设置就不一一介绍。 第四步：优化其他设置 可以同时使用标点图和渲染图：添加两个系列，分别选择不同的系列类型。 还可以选择地图类型： 最后，这样一张数据渲染地图就做好啦。你学会了吗？ 另一种GIS地图，我们下次再约哦~