这几天
很多设计师朋友都在吐槽
“宝宝画分析图画到吐”
作为一个活泼聪明、善解人意、人见人爱的小编,怎么能错过这个拉拢人心的“价值洼地”呢?!
所以!今天小编为泥萌找到了一些分析图制作的小tips,详细介绍了Mapbox、OSM、百度、谷歌地图在分析图制作中的神奇用法,相当有参考价值哟~
Mapbox
Mapbox作为一个高端大气上档次的地图,小编知道有很多设计师都在用它
不过似乎前段时间不能用了?
所以
方便又便捷又精准
连房屋肌理都清晰展现的良心地图
真得不能用了??!
别傻了!
小编亲测可用!
以下内容
一般人我不告诉他
Mapbox最新登入地址:
https://www.mapbox.com/mapbox-studio/
注册登入(非常简单)之后点这里
就可以创建编辑你的底图啦!
OpenStreetMap
OpenStreetMap,简称OSM,它本质是一个网上地图协作计划,其实就是一个开源的世界地图
OpenStreetMap网址:
http://www.openstreetmap.org/#map=12/39.6781/115.9325&layers=T
基础不说,右侧图层栏有五种不同模式可以选择,可以根据图纸不同的需要修改
点击右侧分享按钮,可选择四种导出的图纸格式
要导出精度较高、易于修改的地图,只要点击左上角的导出,并在高亮部分框选出需要的部分,点击导出生成.osm文件即可!
后期导入Rhino中,配合Grasshopper的Elk插件,即可得到高精度已修改的地图底图
这个底图有点类似mapbox,但是我看mapbox好像显示不出地形,这个可以,而且效果很不错
百度个性化地图编辑器
相对于高大上的Mapbox,百度出品的个性化地图编辑器明显更接地气一些,大部分城市的建筑肌理都能找到,编辑起来也很方便,非常适合快速制作图底分析图
网址戳这里:http://developer.baidu.com/map/custom/
使用起来很简单,进入网页,在左下角逐条添加样式规则对每一个元素的颜色样式、显隐等进行编辑就可以,还有一些固定的个性化模板可以选择。
如果自己做好了一套满意的样式规则,想保留起来以后套用,那么可以点右下角的查看JSON,将里面的代码复制出来保存。调用的时候只要打开查看JSON,把JSON代码粘帖到里面,再点击修改后并更新就可以了
我是懵逼的分割线
这里放一个自己调整好的JSON代码
[
{
"featureType": "poi",
"elementType": "all",
"stylers": {
"visibility": "off"
}
},
"featureType": "building",
"color": "#444444"
"featureType": "road",
"elementType": "geometry",
"color": "#cccccc"
"featureType": "manmade",
"elementType": "labels",
]
我是好学的分割线
把上面分割线之间的内容拷贝进去应用,效果是这样的:
关闭了所有文字和图标显示,高对比保留建筑和道路,以及水系和绿化,接下来还可以进一步编辑调整
万能的谷歌自定义地图(须翻墙)
先瞅瞅成果图:
谷歌的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里拼合
貌似GOOGLE的JSON只能查看,没法粘帖编辑,这个百度做的比较好一点。
思路拓展
有了谷歌的Styled Map Wizard、百度的个性化地图编辑器、MAPBOX、OSM等等好用的地图工具,仅仅拿来做图底分析是不是太浪费了点?
最后奉上一张知乎大神的图
上图来源:
https://www.zhihu.com/question/29612807
@ouis L
get到这些技能之后,有木有觉得小编拯救伏案画图的你?有没有感觉小编浑身散发光辉?
本文经授权转载于公众号:建一座空城 | ID:Jptdesign
小编,你们往期内容那么多,找起来好麻烦的,能不能整理个合集撒?
热心网友
播报君
好嘞,
请您移步公众号,下方菜单栏里已经分类为您备好了!
什么?不知道怎么去?
长按识别图中二维码咯!