Mapbox、Google、OSM…你需要了解的分析底图技巧都在这里了

Google技巧

新景观设计 · 2016-11-15 01:40

Mapbox、Google、OSM…你需要了解的分析底图技巧都在这里了

前几期给大家推送过各种分析图,大家还记得以前那几篇关于分析图的文章吗?

如何画一张高大上的景观分析图

完美景观设分析图这几个关键点,你Get到了吗?

一张NB分析图的形成思路及制作过程——以波士顿绿道馆为例

看完了这些分析图,是不是很想知道大神的分析图到底是怎么做出来的呢?今天小编又跟进了这个主题,详细介绍了百度、谷歌地图在分析图制作中的神奇用法,很有参考价值~


——百度个性化地图编辑器——


相对于高大上的Mapbox,百度出品的个性化地图编辑器明显更接地气一些,大部分城市的建筑肌理都能找到,编辑起来也很方便,非常适合快速制作图底分析图。

网址在这里,http://developer.baidu.com/map/custom/


使用起来很简单,进入网页,在左下角逐条添加样式规则对每一个元素的颜色样式、显隐等进行编辑就可以,还有一些固定的个性化模板可以选择。


如果自己做好了一套满意的样式规则,想保留起来以后套用,那么可以点右下角的查看JSON,将里面的代码复制出来保存。调用的时候只要打开查看JSON,把JSON代码粘帖到里面,再点击修改后并更新就可以了。

——-----------我是懵逼的分割线------------——

这里放一个自己调整好的JSON代码

[

          {

                    "featureType": "poi",

                    "elementType": "all",

                    "stylers": {

                              "visibility": "off"

                    }

          },

          {

                    "featureType": "building",

                    "elementType": "all",

                    "stylers": {

                              "color": "#444444"

                    }

          },

          {

                    "featureType": "road",

                    "elementType": "geometry",

                    "stylers": {

                              "color": "#cccccc"

                    }

          },

          {

                    "featureType": "manmade",

                    "elementType": "all",

                    "stylers": {

                              "visibility": "off"

                    }

          },

          {

                    "featureType": "road",

                    "elementType": "labels",

                    "stylers": {

                              "visibility": "off"

                    }

          }

]

——-----------我是好学的分割线----------——


把上面分割线之间的内容拷贝进去应用,效果是这样的:

关闭了所有文字和图标显示,高对比保留建筑和道路,以及水系和绿化,接下来还可以进一步编辑调整


——万能的谷歌自定义地图(须翻墙)——


成果图先看看:


谷歌的Styled Map Wizard其实早于百度推出,只是一直比较小众,再加上现在被墙了,嘘~~往下看的话,你先要有一个VPN。

Styled Map Wizard项目地址:http://googlemaps.github.io/js-samples/styledmaps/wizard/index.html

这个地址如果失效,请在google搜索引擎内输入“Styled Map Wizard”关键词查找项目最新地址(原地址是http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html,已失效,随着googlecode的关门大吉而消失,还好这个项目现在在github里复活了)


先说明下,为什么要翻墙用谷歌,不用现成的百度

百度的个性化地图编辑器是不错,上手也很好,但是依然摆脱不了一个问题,数据。以福建的地图为例子,福州是这样的


看着还不错,对吧,建筑图层都有,换厦门看看

惨不忍睹,只有极个别的建筑有数据

换不用翻墙的maps.google.cn看看

上下一对比,明显的,虽然退出中国好些年,但地图这块谷歌依旧还是做的很用心


好了,言归正传,说明下如何用谷歌的Styled Map Wizard来做图底分析

再放一次链接:http://googlemaps.github.io/js-samples/styledmaps/wizard/index.html


自备梯子!自备梯子!自备梯子!

重要的事情说三遍,不翻墙能进网页,但地图数据刷不出来!


连上之后就是这样的界面

搜索定位到所要的位置和大小比例后,我们要做的就是在右边map style添加一项项的风格项,然后在左边工具栏里对每项style进行编辑定义地图显示效果。

具体举例说明:

首先,图上杂七杂八的文字太多,先去掉

Feature type选All——所有对象

Element type选ALL-Labels,到这一级就可以了,选中所有标签

然后Visibility可见性选Off,关闭了所有标签,立马清爽

这里说明下,后添加的style,优先级是大于前面添加的,所以我们如果要把道路文字显示出来,可以添加一个新的style,把Road的labels-text打开就行。

接着,对建筑进行处理,不得不说GOOGLE对于建筑分的有点过于细致了,各类建筑包含在Landscape-Man made和Point of interest下的各个分项中,如果我们只是要做简单的图底分析,建议先对大项做调整,有遗漏的再在每个分项里调整,还是那句话,后面添加的styles优先级大于早先添加的。

先是Point of interest整个大项,明显覆盖的建筑还不是很全(这个取决于你所选地区地图上建筑的类型,不过我觉得GOOGLE分类的不是很对)

接着再新增一个style对Landscape-Man made进行处理。

两相结合,建筑基本妥了

回头调整Point of interest-park这项,把公园绿地的颜色调回来。

剩下道路什么的就不再赘述,上最后的效果,顺便说明下,除了颜色、显隐,还有很多细节是可以调整的,比如色调、饱和度、亮度、伽马值、道路宽度等(道路宽度设定的是绝对值,缩放地图的话要重新调整)……


点右边工具栏最底下的Static Map,就能输出保存图片了,图片长宽尺寸不是很大,只有640*480,需要大图可以多输出几张在PS里拼合。

新景观设计(xjgsj1)

 查看原文  分享到微信  文章为作者独立观点,不代表大不六文章网立场
xjgsj1
一个设计师最好的学习平台,注重于景观设计交流、专业技术分享。为您第一时间展现最前沿的景观设计资讯。
最新文章