基于地图的数据可视化精要.pptx

基于地图的数据可视化 基础 地图可视化知识 专 题 系 列 4 投影 近似 Web墨卡托投影: x = r*lat y = r*tan(lng) x = r*lat y = r*ln(tan(lng/2+pi/2)) 5 地球坐标系(WGS-84) — ?火星坐标系(GCJ-02 ) — 百度坐标系 1980年国家?大地坐标系。 近似 : 1纬度 = 110.94km = 6,371,000*1/360*2*PI 1经度 = 110.94km*cos(纬度) = 6,371,000*1/360*2*PI 、 6 底图-图?片 专 题 系 列 8 灰?色底图 9 ? 黑?色底图 10 2?色底图 11 其他底图 12 定制tiles target map geocommons 搜索数据 - 创建地图 geoiq id potlatch osm?文件（xml） cloudmade Openlayer Mapstractio mapbox在线编辑 tile mill leaflet google map openstreetmap 数据采集站 naturalearth 商?用地理数据 14 分层模型 srs: less Variables: @green:#2B4D2D [zoom 1] [NAME = ‘china’] TileMill database： PostGIS SQLite imports： GeoJSON CSV（点） KML GPX MBTiles format Mapnik carto css 语法 加减乘除 图层控制器 语法 加减乘除 没有px less： 变量任意运算、转化 @filler: @base * 2; @other: @base + @filler; color: #888 / 4; background-color: @base-color + #111; ?色彩函数 color definition function (xyz-v) @base hsv() hsl() rgba() argb() color definition function (v-xyz) green() lightness() luma() @c: luma(@color); 灰度效果?比较好 color: rgb(@c, @c, @c); color operation function (v-v) saturate(@color,percent) lighten(@color,percent) spin(@color, degree) contrast(@color, @cSmall,cBig, percent); 最?小对?比度颜?色(the least contrasting color) color blending function (v*v-v) multiply(@c1, @c2);各位相乘/255 正?片叠底 15 16 17 Mapbox style data 上传地理?文件 GeoJSON CSV(只有点) KML GPX project ?一个理想化的?无云层星球，处于永恒的夏季 世界上并不是只有google在?生产地图 编辑图层 查看图层 增加tag（点击区域产?生tag） 18 底图-?矢量 专 题 系 列 20 svg边界 hover click selected name kpi 空间分割 时间趋势 tooltip 下钻 地图可视组件 点图 专 题 系 列 23 带聚类的svg、html点图 svg、html点图 淘宝指数 svg、html点图 24 webgl canvas 点图 25 离线渲染的点图 Visualizing 3 Billion Tweets 280 million 26 其他 热?力图 专 题 系 列 28 量?子店铺 29 百度地图 30 观象台 Choropleth map 专 题 系 列 32 Blended hue color progression Partial spectral color progression color progression colorbrewer Single hue progression Bi-polar color progression Full-spectral color progression 33 34 35 Cartogram 专 题 系 列 37 Dorling Cartogra