咨询电话:400-810-1418服务与监督电话:400-810-1418转接2
  • 相关推荐
  • U3D实时渲染教程之角色头发各向异性表达(下)
  • 大气渲染技术解析!如何在游戏中模拟出千变万化的天空?
  • 如何利用Unity3D打造虚拟现实场景?
  • U3D实时渲染教程之角色头发各向异性表达(上)
  • 引擎里面常见的渲染方式分享
  • Unity制作魔法火焰特效图文教程
  • 如何用mapbox几分钟做一张分析图?

    发布时间:2020-05-16 09:10:52

    今天跟大家分享如何用mapbox几分钟做一张分析图?Mapbox看着这全新的界面和高大上的介绍,颇有士别三日当刮目相待之感。

    1.png

    如今的mapbox将自己定义为实时地图平台

    支持mapbox+eCharts大数据可视化▼

    2.gif

    支持提供API端口接入和多系统SDK导航等智能应用▼

    3.webp.jpg

    甚至还有“反抗现实(defy reality)”这种称呼比虚拟现实还霸气的功能▼

    4.gif

    但对只要底图的画图狗而言,以上都是花架子

    最有用的还是其功能日益强大的风格编辑器以及隐藏的分析图功能▼

    5.webp.jpg

    mapbox目前可以直接使用的地图风格有14种▼

    6.webp.jpg6-2.webp.jpg6-3.jpg6-4.jpg

    要实现自定义底图+分析图功能

    就要借助其核心模块

    MAPBOX STUDIO自定义地图

    自定义地图可以13种现有的地图风格上进行编辑和再创作▼

    7.jpg

    以默认的基本模板为例,界面左侧是当前地图样式包含的各个图层,以及对应的控制选项和调节参数▼

    8.jpg

    作用是像PS那样调节右侧矢量地图的

    颜色、透明度、描边、缩放、偏移等属性

    没有特别高深难懂的地方▼

    9.gif

    界面右上角的历史记录面板可以随时还原操作

    类似于OSM的撤销/重做▼

    10.png

    如果只是这样

    mapbox倒也和其他地图工具没什么区别

    要在点击了左上角的选择数据选项后

    mapbox的画分析图天赋才能展现▼

    11.gif

    类似于CAD线稿的黑底是mapbox自带的

    Mapbox Streets v8模式

    绿色色块是当前所选图层

    因此这一功能主要在于突出显示所选的图层

    从而起到筛选数据的作用▼

    12.webp.jpg

    鼠标点击底图任意一点,都会显示该处对应的图层

    方便精确筛选图层▼

    13.gif

    遗憾的是无法自定义可见/过滤图层的颜色

    被选中的图层可以用

    色块、线框、点、点+线、热力图等多种方式呈现

    也就意味着可以省去在底图上P图填色美化的功夫!▼

    14.gif

    利用图层过滤功能,则可以过滤

    或者反向筛选出对应的图层

    从而实现要素分类,如路网

    (图中红色为过滤图层)▼

    15.webp.jpg15-2.jpg

    嫌样式不好看或不够醒目

    可以将类型从线切换成点

    就得到了一张自带特效的路网分布图▼

    16.webp.jpg

    还可以利用过滤功能进行简单的反向筛选演示

    (此时绿色为过滤图层)▼

    17.gif

    可以通过调节缩放范围

    来查看更大范围的筛选结果▼

    18.gif

    除了这种CAD风格的地图

    还可以切换到其他风格

    比如自带地形的风格▼

    19.gif

    看看局部效果▼

    20.webp.jpg

    也可以通过在样式和选择数据界面之间切换

    寻找最好的呈现效果▼

    21.gif

    切换后别忘了调节底图参数▼

    22.gif22-1.gif

    最后,得到一张交通站点分布图▼

    23.jpg

    一些画起来费时费力的分析图

    结合这种方法可以轻松搞定

    绿地分布热力图结合灰色底图▼

    24.webp.jpg

    结合卫星底图▼

    25.jpg

    水系分布热力图结合卫星底图▼

    26.webp.jpg

    灵活多变和极高的自由度是mapbox工具的最大优势,而要说撸图的诀窍其实也没有,好看就完事了。