Tableau学习Step6一如何制作炫彩地图

本文首发于博客冰山一树Sankey,去博客浏览效果更好。

一.统计地图概述

1.1 统计地图的基本概念

  • 统计地图的本质:数据的正确对应

    • 将数据信息和地理位置严格对应起来,并加以图形呈现
  • 如何将数据和地理位置对应起来?
    • 将数据信息和其所在的地理点/地理区域直接关联起来
    • 将相应信息用适当的图形元素在相应地理点/地理区域加以表示
  • 常见的数据对应方式
    • ·统计数据和地图数据分表/库存储,用地名关键字将两个数据表进行连接
    • ·当使用可识别的标准地名关键字时, Tableau中这种连接操作是自动进行的
      • ·例:“中国”、“ China”均可识别,但“三哥”、“巴铁”就会让 Tableau-脸懵圈

1.2 地图地图的优劣

合理运用地图展现数据关系和大小。

同样是展示总销售额和总订单数

二.标准统计地图的绘制

2.1 比例符号地图

2.2 填充地图

2.3 点分布图

2.4 热力图

2.5 蜘蛛图

2.6 动态路径图

2.7 复合统计地图

将统计地图与其他统计图层相叠加

  • 统计地图显示主要信息
  • 其他统计图显示主要信息二
    • 最常用的为饼图,其余图形种类非常少见
  • 绘制要点
    • 以双轴图的方式进行图层的叠加
    • ·进行图层的配色调整,使关键信息更加突出

2.8 地图的编辑和设定

  • 搜索框、界面操作钮等的使用

    • 显示比例尺
  • 图形背景的深浅设置
    • 冲蚀效果
  • 图层和数据层
    • 图层可供用户进行效果微调
    • ·数据层目前基本上是提供美国范围的数据

三.突破默认的地图框架

3.1 默认无法满足要求

3.2 如何处理非标准名称

3.3 自定义地理信息数据

3.4 基于已有地图添加新层级

1

3.5 基于已有地理单元添加新的地理分层

3.6 使用嵌套地图自动显示省市详情

3.7 如何计算两点间的距离

数据格式整理

要求经纬度已在数据集中显式存在
以内连接方式关联两两数据点(并去除无意义的同点关联)

将原数据源中的数据取并集,连接方式为**<>**

在数据源中计算出两两点间距离
用大圆距离公式计算实际距离(使用地球的平均半径)

创建计算字段:距离,将距离变量设置为维度,公式如下:

3959* ACOS( SIN(RADIANS([lat]))*SIN(RADIANS([lat2]))+
COS(RADIANS([lat]))*COS(RADIANS([lat2]))*
COS(RADIANS([long2])-RADIANS([long])))

在地图中显示出两两点间距离
并设定为线标记下的颜色,修改标签显示至合适方式

将距离添加到标签,同时设置标签的只显示距离

双轴,将国际名称添加到标签,合并双轴

为了更好交互,还可将国际名称(直辖市名称1)拖到工具提示,其设置如下

四.炫彩地图DIY

4.1 使用静态背景图片

  • 截取符合需求的图源为静态图片

    • 谷歌地图
    • Open Street开源地图
  • 测量四个端点的GPS坐标,以取得相应的横纵轴尺度范围
  • 设定相应图片为地图的背景图像,设定纵横轴相对应的变量,以及变量的取值范围
  • 取消背景地图的显示
  • 根据显示效果调整纵横轴尺度,以使数据和背景地图准确匹配

(1)截取背景图片

(2)取左上角与右下角经纬度坐标

(3)载入图片

4.2 使用自定义图片

方法同4.1,不断调试

4.3 绘制多边形地图与如何采集

  • 采集封闭多边形各个连续端点的经纬度坐标

    • 同时记录各连续端点的绘制顺序
  • 如果同一区域被分为多个独立多边形,则分别绘制,并取相同名称/D号即可
    • 为便于管理,应当为每个区域提供不同的subd
  • 将经度、纬度变量指定为正确的地理角色
  • 要求绘制多边形图形,并将绘制顺序变量设定为路径
    • 名称D变量用于区分不同地理区域, subid则辅助绘制不同的区域
  • 推荐在线工具
    • https://drawingtool.powertoolsfortableau.com
    • https://tableaudraw.com/

4.使用外部地理空间文件

5.使用在线地图服务

Tableau学习Step6一如何制作炫彩地图的更多相关文章

  1. [Micropython]发光二极管制作炫彩跑马灯

       先甩锅 做完后才发现最后一个灯坏了,就坏了一个灯也不好意思去找淘宝店家,大家视频凑合着看把.不过并不影响实验效果.因为这个发光二极管白天不是很明显 晚上炫彩效果就能出来了.本次实验用的是8个灯珠 ...

  2. Tableau学习Step3——数据的连接与基本图形的制作

    Tableau学习Step3--数据的连接与基本图形的制作 本文首发于博客冰山一树Sankey,去博客浏览效果更好. 一. 前言 本教程通过一个案例从浅到深来学习Tableau知识 案例概述 Nort ...

  3. HTML5自学笔记[ 19 ]canvas绘图实例之炫彩时钟

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  4. 超多经典 canvas 实例,动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等

    超多经典 canvas 实例 普及:<canvas> 元素用于在网页上绘制图形.这是一个图形容器,您可以控制其每一像素,必须使用脚本来绘制图形. 注意:IE 8 以及更早的版本不支持 &l ...

  5. web报表设计器在线制作炫酷图表

    相信很多人都看过这些大屏的图表,是不是感觉效果很酷炫,做起来会很复杂,按照传统的方式去做,使用数据分析工具结合ps美化可能耗时要数月才能做出来.但这个时候用Smartbi自助仪表盘功能,全方位的满足各 ...

  6. 学习使用 jQuery & CSS3 制作照片堆栈效果

    在这个小实验中,我们使用 jQuery & CSS3 创建了一个交互式的照片堆栈效果.提供了一些模拟现实的互动的可能性给用户.这个想法的思路是:有一些照片在桌面上可以拖放一样,堆放和删除,每个 ...

  7. 学习 Mobile App 网站制作的11个优秀案例

    我喜欢收集美丽的,精心设计的移动应用程序网站.在我看来,为 App 提供一个美丽的网站显示了设计者和开发者对它的用户和产品的关心,除了开发应用程序,他们去加倍努力去促进应用和传播关于它的 App. 我 ...

  8. [js高手之路]html5 canvas动画教程 - 跟着鼠标移动消失的一堆炫彩小球

    综合利用前面所学,实现一个绚丽的小球动画,这个实例用到的知识点,在我的博客全部都有,可以去这里查看所有的canvas教程 <head> <meta charset='utf-8' / ...

  9. js 生成随机炫彩背景

    在浏览 https://ghost.org/xxxx/ 时. 可以使用 background-size: cover; 加上很小的像素图,放大后实现炫彩背景效果. 使用 js canvas 随机生成小 ...

随机推荐

  1. STM32定时器触发ADC多通道连续采样,DMA缓存结果

    STM32的ADC使用非常灵活,采样触发方面:既支持软件触发,定时器或其他硬件电路自动触发,也支持转换完成后自动触发下一通道/轮转换.转换结果存储方面:既支持软件读取和转存,也支持DMA自动存储转换结 ...

  2. 运用Spring Aop,一个注解实现日志记录

    运用Spring Aop,一个注解实现日志记录 1. 介绍 我们都知道Spring框架的两大特性分别是 IOC (控制反转)和 AOP (面向切面),这个是每一个Spring学习视频里面一开始都会提到 ...

  3. 对于网络请求ajax理解

    先对原生Ajax进行理解: Ajax=异步JS和XML,用于创建快速动态网页的技术 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 工作原理 对于Ajax的 ...

  4. 关于obj.class.getResource()和obj.getClass().getClassLoader().getResource()的路径问题

    感谢原文作者:yejg1212 原文链接:https://www.cnblogs.com/yejg1212/p/3270152.html 注:格式内容与原文有轻微不同. Java中取资源时,经常用到C ...

  5. git每次操作都要输入账号密码 解决方案

    1.执行命令: git config --global credential.helper store git pull 2.输入用户名密码,以后就不会再次要求用户名密码了

  6. python使用插入法实现链表反转

    # encoding=utf-8 class LNode(object): def __init__(self, x): self.data = x self.next = None def reve ...

  7. 按照递推的思想求解next[]数组

    按照递推的思想求解next[]数组 根据定义next[0]=-1,假设next[j]=k, 即P[0...k-1]==P[j-k,j-1] 若P[j]P[k],则有P[0..k]P[j-k,j],很显 ...

  8. 【AGC035D】Add and Remove(脑洞 DP 分治)

    题目链接 大意 给出\(N\)个数的序列,每次操作可以选择连续的三个数,将中间的那个数抽出,将另外两个数的数值加上中间那个数的数值. 一直执行以上操作直到只剩最后两个数,求最后两个数的所有可能的和的最 ...

  9. nginx 练习(将游戏图片部署到NFS+LNMP架构简介+uwsgi架构简介)

    nginx(将游戏图片部署到NFS) 练习 一.首先去NFS这里创建挂载点 1.先在NFS的opt下面创建文件夹存放图片 [root@linux opt]# mkdir /opt/img 2.然后将此 ...

  10. 流程控制( if while )

    目录 流程控制 必知必会 分支结构 if 1.单 if 分支结构 2. if与else连用 3. if, else和 elif if 判断之嵌套 if 练习题 while 循环 while+break ...