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

基于地图的数据可视化基础专 题 系 列地图可视化知识投影Web墨卡托投影:x = r*laty = r*tan(lng)x = r*laty = r*ln(tan(lng/2+pi/2))4近似地球坐标系(WGS-84) — ?火星坐标系(GCJ-02 ) — 百度坐标系 1980年国家?大地坐标系。近似 :1纬度 = 110.94km = 6,371,000*1/360*2*PI1经度 = 110.94km*cos(纬度) = 6,371,000*1/360*2*PI 、56专 题 系 列底图-图?片灰?色底图8? 黑?色底图92?色底图10其他底图1112定制tilesosm?文件（xml）idpotlatch leafletgoogle map cloudmade Openlayer Mapstractiomapbox在线编辑 tile millopenstreetmap 数据采集站 naturalearth 商?用地理数据geoiq target map geocommons搜索数据 - 创建地图TileMill database： PostGIS SQLite Mapnik/carto/api/2.3.0/#functionscarto /carto/api/2.3.0/#functionscss 语法 加减乘除 /carto/api/2.3.0/#functions图层控制器 语法 加减乘除 没有pxMBTiles format分层模型srs: lessVariables: @green:#2B4D2D[zoom 1] [NAME = ‘china’]imports： GeoJSON CSV（点） KML GPX14less： 变量任意运算、转化@filler: @base * 2;@other: @base + @filler;color: #888 / 4;background-color: @base-color + #111;?色彩函数 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 正?片叠底 15color definition function (xyz-v)@basehsv() hsl() rgba() argb()color definition function (v-xyz)green() lightness() luma()@c: luma(@color); 灰度效果?比较好color: rgb(@c, @c, @c);16 ?一个理想化的?无云层星球，处于永恒的夏季 世界上并不是只有google在?生产地图编辑图层查看图层 增加tag（点击区域产?生tag）Mapbox style data 上传地理?文件 GeoJSON CSV(只有点) KML GPXproject1718专 题 系 列底图-?矢量 name kpi空间分割时间趋势 svg边界hoverclickselectedtooltip 下钻20地图可视组件专 题 系 列点图svg、html点图 淘宝指数 svg、html点图带聚类的svg、html点图23webgl canvas 点图24离线渲染的点图 /blog/visualizing-3-billion-tweets/Visualizing /blog/visualizing-3-billion-tweets/3 /blog/visualizing-3-billion-tweets/Billion /blog/visualizing-3-billion-tweets/Tweets 280 million25其他26专题系列热?力图量?子店铺28百度地图29观象台30专 题 系 列Choropleth mapcolor progression /colorbrewer Single hue progression Bi-polar color progression Full-spectral color progression Blended hue color progressionPartial spectral color progressio 题 系 列CartogramDorling Cartogram Maps3