今天跟大家分享数据地图系列的第14篇（最后一篇）——tableau数据地图。 前一篇曾提到说，tableau是全球知名的数据可视化领域独占鳌头的可视化产品，在各种商业及政府工作报告中，都在广泛使用。...创建完成地理角色之后，你会看到右侧的show me 窗口菜单中的那两个地图图表点亮，也就软件读取地区成功。 其中左侧那个地图可以展示两个维度数据，右侧那个只能展示一个维度数据。 ?...将第二个地图（展示一维数据的地图）用鼠标拖入中间画布，显示出中国地图。 ?...然后将左侧的总销售额数据拖入中间画布中的地图，此时地图立马变成热力数据地图，根据各省份不同数值大小填充成同色调的不同颜色。 ?...利用tableau制作数据地图，非常方便，而且作为老牌的数据可视化产品，他的图标之间交互性非常强大，图表之间可以相互通过选择器连接，实现实时交互的强大功能。
今天要跟大家分享的是数据地图系列的第九篇——excel（VBA）数据地图！ 关于VBA在excel中的应用非常广泛，本篇仅仅是给出示例代码，不会对基础操作做太过详细的讲解。...要说为什么手动操作都可以完成的地图填充，为啥要弄得这么复杂。其实理由很简单，就是效率，可以以一种一劳永逸的方式节省时间、提高效率。...下面是VBA数据地图的详细制作步骤： 1、首先你需要一个纯色的矢量地图素材。 ? 这个问题早在数据地图的入门篇里已经解决了。 数据地图入门篇——素材获取！...（中国地图就需要定定义34个省级行政单位名称）。 3、输入数据： 关于作图的数据组织：这里需要三列数据，一列省份名称、一列指标值，一列颜色填充值（需要使用函数自动获取）。 ? 4、定义组距 ?...记得在地图做完之后一定要使用分档阀值区域作为图例引用在数据地图周围。选中D9：E13区域，点击照相机功能，然后在数据地图区域释放。 ? ? ? ?
一、前言 国内提供地图服务的厂家基本上是五家，百度地图、高德地图、腾讯地图、搜狗地图、天地图，国外的一般还有谷歌地图、微软地图（BING地图），这几家的地图服务的api接口都大同小异，甚至很多函数的名字都一模一样...引入地图JS文件，一个固定的地址带上版本和秘钥 在网页的body中设置一个div图层对象用来存放地图 将地图对象new出来，设置地图的属性 设置属性既可以是调用方法也可以是直接类似json数据的格式放置...自定义JS函数设置其他功能与界面交互 二、功能特点 同时支持在线地图和离线地图两种模式。...可显示点线面工具，可直接在地图上划线、点、矩形、圆形等。 可设置行政区划，指定某个城市区域绘制图层，在线地图自动输出行政区划边界点集合到js文件给离线地图使用。 可静态或者动态添加多个覆盖物。...mapLocal) { } //初始化地图,设置中心点坐标或者中心城市和地图级别.优先按照中心坐标设置 //离线地图需要采用中心点坐标的形式 if (!
今天是数据地图的第三篇——使用散点图模拟地图轮廓制作数据地图！ 这一篇的地图制作思路，相对比较曲折，使用的是散点图的做法。...先用一组数据模拟地图经纬度，制作出虚拟的中国分省地图的轮廓线，然后再用一组数据（虚拟的省会坐标数据）制作各省散点图。 最后通过给散点图添加标签，完成指标数据的添加。...本案例的制作难点是虚拟的经纬度坐标数据，非常难找，有将1300对数据。 ? 这里我是从ExcelPro博主的畅销书《excel图表之道》中直接引用过来的。...步骤： 1、先使用轮廓数据插入散点图，模拟出地图轮廓。 ? ? 2、调整默认输出的散点图格式、长宽比例，尽量真实的还原地图模样。 ?...5、此时我们想要的散点式数据地图已经成型，需要做的只是把指标数据加上。 ? 选中指标系列散点图，添加数据标签。 最后再继续小修小补一下，感觉这个图表就可以用了，是不是很棒啊，连思路都脑洞很大哈哈~ ?
之前有过一段时间，特别热衷于数据地图，也分享很多篇关于地图制作的教程（涉及到各种作图软件），但大多是整理拼凑，自己发挥的不多。...最近在看哈德利.威科姆的那本火遍全球的R语言数据可视化经典教程——《ggplot2——数据分析与图形艺术》。书内虽然关于数据地图的内容很少，但是ggplot所渗透的可视化图层理念实在让人叹为观止。...书中完全将复杂的地图图表语言拆解成常规图表思维，通过图层叠加、分组填色、空间映射，让我对地图这种深度可视化形式有了更多深入的理解。...今天这一篇主要分享美国地图的绘图代码，同样是我们之前分享世界地图、中国地图时的代码（局部地方有小改动）。 之前迟迟没有找到好用的美国全境的地理信息数据，最近终于在某网站上找到了。...<- join(American_map_data, mydata, type="full") #合并两个数据框 5、地图映射代码（ggplot2包所支持的ggplot函数，感兴趣可以自行探索，若不感兴趣
一、前言 除了传统的街道图地图外，默认的一般都是街道图，还有卫星图、三维图等，其中又有叠加层，比如叠加路况图层和路网图层等，最近去了多家的地图官网看对应的api接口，总体上感觉现在都往2.5D或者3D这块发展...二、功能特点 同时支持在线地图和离线地图两种模式。 同时支持webkit内核、webengine内核、IE内核。 支持设置多个标注点，信息包括名称、地址、经纬度。...可设置地图是否可单击、拖动、鼠标滚轮缩放。 可设置协议版本、秘钥、主题样式、中心坐标、中心城市、地理编码位置等。 可设置地图缩放比例和级别，缩略图、比例尺、路况信息等控件的可见。...可显示点线面工具，可直接在地图上划线、点、矩形、圆形等。 可设置行政区划，指定某个城市区域绘制图层，在线地图自动输出行政区划边界点集合到js文件给离线地图使用。 可静态或者动态添加多个覆盖物。...mapLocal) { //只有在线地图才有其他几种 if (mapType == 1) { //设置地图类型为地球模式 BMap对象全部改为BMapGL
今天要跟大家分享的是数据地图系列6——Stata数据地图（下）！ 接着前一篇的节凑，这一篇会给大家介绍比较全面的Stata热力地图代码实现。 版本仍然是基于StataSE12.0。...首先需要下载软件外部命令：spmap #这一条命令是数据地图的专用命令。 ssc install spmap #下载并安装spmap命令。...下载数据地图经纬度数据文件：就是昨天用到的那个 http://fmwww.bc.edu/RePEc/bocode/c/china_map.zip 接下来是作图步骤： 1、锁定数据地图数据文件目录：...cd d:\chinamap\ #锁定数据文件目录 2、打开中国地图数据文件（标签版） use china_label,clear ?...当然这些技巧并非是我要讲解的重点，我只负责数据地图作图技巧，不负责软件使用和代码基础哈~
一、前言 最常用的地图交互就几个，比如鼠标在地图上按下的时候可以拾取经纬度坐标，然后传给Qt程序，再比如对设置的设备点进行单击的时候，通知Qt程序单击了哪一个设备点，好让Qt程序识别并作出反应比如弹出对应点的详细信息或者视频预览等...而如果想要网页发送对应的数据给Qt程序的话，就需要额外的处理了。...二、功能特点 同时支持在线地图和离线地图两种模式。 同时支持webkit内核、webengine内核、IE内核。 支持设置多个标注点，信息包括名称、地址、经纬度。...可设置地图是否可单击、拖动、鼠标滚轮缩放。 可设置协议版本、秘钥、主题样式、中心坐标、中心城市、地理编码位置等。 可设置地图缩放比例和级别，缩略图、比例尺、路况信息等控件的可见。...可显示点线面工具，可直接在地图上划线、点、矩形、圆形等。 可设置行政区划，指定某个城市区域绘制图层，在线地图自动输出行政区划边界点集合到js文件给离线地图使用。 可静态或者动态添加多个覆盖物。
本文首先介绍实现地图功能的第一步：获取瓦片地图数据。 瓦片地图原理 读者可以参照文后的链接了解瓦片地图的原理，这里不再重复。...简单地说，瓦片地图就是将地图根据缩放层级进行分割，例如缩放层级为3，就表明将地图分为2的3次方行和2的3次方列。知道目标位置的瓦片坐标，就可以获得相应位置的地图数据。...获取地图数据 很多地图服务都提供了使用http协议获取瓦片地图数据的方法。具体可以参照文末的地图瓦片url链接。...以下是获得的地图数据： ? 获取指定位置的瓦片坐标 可以从经纬度计算出瓦片坐标，计算公式和对应的示例代码可以从【Slippy map tilenames】网页获取： ?...获取地图数据小工具 为了确认算法和方便调试，作者制作了一个excel形式的小工具。使用这个工具，只要输入经度，纬度和缩放测层级就可以计算出瓦片坐标。 ?
上一篇文章中我们获取了当前位置所处的地图瓦片并表示，本文介绍获取更多的瓦片数据并进行拼接的方法。...瓦片数据类 我们假设显示区域的中心是当前位置，以这个位置为中心分别向上下左右扩展地图瓦片就可以铺满整个表示区域的地图数据。...瓦片数据缓存 如果每次都重新获取地图数据势必拖慢表示速度，因此准备了一个瓦片数据缓存类，用来保存已经获取的地图数据： public class TileMapData { static final...获取瓦片数据 下面是通过x，y两个方向循环获取足以覆盖整个表示区域的瓦片数据的代码。如果需要的数据已经存在则不再重新获取；如果存在新获取的地图数据，则触发画面更新。...，则触发一次地图数据获取处理。
highcharts极地图类似echarts里面的极坐标图，用法也相似 官网例子 ?...var chart = Highcharts.chart('container', { chart: { polar: true }, title: { text: '极地图' },..., 4, 5, 6, 7, 8] }, { type: 'area', name: '面积', data: [1, 8, 2, 7, 3, 6, 4, 5] }] }); 注意：实现极地图要引入...enabled: false, }, }, }, tooltip: { //当鼠标悬置数据点时的提示框...area", name: "下限", color: "red", }, ], }, lineData的数据格式
在这里，我们经常用到的一个实践是用户故事地图。 一、用户故事地图是什么？ 我们可以把用户体验整个产品的行为当作用户的旅程。...当用户故事地图完成时，我们可以在单一的逻辑视图中看到用户与产品交互的所有方式，从第一次交互到完成总体用户目标。使用用户故事地图，可以通过更全局的视角了解用户故事如何融入整体用户体验。...二、我们要如何使用用户故事地图？ 首先第一步，确定目标用户 在确定目标用户之前，我们还需要对齐一下产品的定义以及产品的目标。...对于项目团队来说，用户故事地图能够帮助团队从用户视角来考虑问题： 1.能够帮助团队更好地了解他们为什么要构建软件，以及软件如何融入全局。...用户故事地图有助于优先级划分、故事拆分，并为发布计划提供重点。特别是，通过规划一段旅程，然后在每个步骤中考虑故事，这样故事地图帮助团队将用户故事视为选项，而不是承诺。 4.将交互设计融入迭代交付。
本文主要介绍使用 Flutter 制作地图应用 在本文中，我将向您展示如何使用 Flutter 向您的应用程序添加映射功能。...: ^3.0.0 vector_math: ^2.0.0 proj4dart: ^1.0.4 meta: ^1.1.0 collection: ^1.14.0 现在让我们开始构建我们的应用程序
地图的默认形式
今天是一个案例应用，采用东北三省地图进行离散颜色映射，让大家感受下R语言在地理信息空间可视化方面的强大功能，同时也会对之前强调过的地图配色技巧进行应用。...加载工具包： library(ggplot2) ###绘图函数 library(plyr) ###数据合并工具 library(maptools) ###地图素材导入...虽然我们使用连续渐变映射做出来了东三省的数据地图，可以如果我问你你能明确的告诉我某一个市的数值范围具体在那个数量段，你可以立马的告诉我吗，反正我是不能。...精确的经纬度数据，所以这里只能勉为其难的取各个城市区域的中心位置作为添加标签的依据（哪位小伙伴儿如果能够获取详细的城市中心经纬度数据，可以共享一下，虽然也可以一个一个的通过百度地图查找当时毕竟效率低）。...到此，整个数据地图填充完毕，今天这篇主要针对离散标度颜色填充进行，还有一类离散颜色标度填充方式是将具体的数值转化成百分比数量段进行填充，作为该篇的续集下次再讲，代码文件和数据将会分享在魔方学院QQ群里供群友下载
今天跟大家分享数据地图系列的第四篇——图片植入式气泡数据地图！...本篇内容的思路是这样的： 首先利用各个省会的虚拟坐标信息制作气泡图，然后通过将PNG格式的地图轮廓植入图表绘图区模拟出数据地图的整体外观。...气泡图（bubble） 步骤： 1、首选需要搜集到一张纯色背景的地图素材如下： ? 2、根据模拟的省会虚拟坐标信息以及指标数据，制作气泡图。 ?...5、调整完之后，通过添加数据标签选项，给数据点添加数据标签。 ?...这种方式做出来的数据地图，优点是简单易行，不用写VBA代码，缺点也很明显：数据点的位置与地图上实际的省会坐标可能很难做到绝对的一致，不过如果是用于不太正式的场合的话，那么这样的效果应该已经最够了。
Math.sqrt(tan * tan + 1)); return (int)((1.0 - asinh / Math.PI) * Math.pow(2, zoom - 1)); } 获取瓦片数据...以下是获取瓦片数据的代码。...URL 代码中用到对的getMapUrlString的实现如下： public final String getMapUrlString(){ // 高德地图 - 矢量 final String...lang=zh_cn&size=1&scale=2&style=8&x=%d&y=%d&z=%d"; // 高德地图 - 道路 final String GAODE_R_MAP_URL...lang=zh_cn&size=1&scale=2&style=8&x=%d&y=%d&z=%d"; // 高德地图 - 卫星 final String GAODE_S_MAP_URL
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document...
设置xy轴地图中心点
2.地图的中心点; ? 3.在双击后获取级别&&中心点 ? 效果（双击）： ?
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
