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

来源: 建一座空城 分类: 经验杂谈
66871 9 10 8
2016-11-9 09:38
66871
推荐
摘要: 地图, 百度, 编辑器

今天小编又跟进了这个主题,详细介绍了百度、谷歌地图在分析图制作中的神奇用法,很有参考价值~

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

相对于高大上的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里拼合

貌似GOOGLE的JSON只能查看,没法粘帖编辑,这个百度做的比较好一点。

扩展下思路,有了谷歌的Styled Map Wizard、百度的个性化地图编辑器、MAPBOX、OSM等等好用的地图工具,仅仅拿来做图底分析是不是太浪费了点?

最后借用一张知乎上的图

上图来源:https://www.zhihu.com/question/29612807

最后,小编希望大家都能做出更好的分析效果!


感谢 建一座空城 分享

欢迎关注他们的微信公众号

微信ID:Jptdesign

10

点赞

无爱

刚表态过的朋友 (10 人)

LYG

LYG

这个人很懒什么都没写

1019 粉丝 / 0 关注

网上发现的文本,赶快下载 5类精品模型3DMAX模型

严禁发布 广告 回复

Ctrl+Enter

LYG

LYG

这个人很懒什么都没写

FM设计网 ( 豫ICP备17023652号 ) Powered by Discuz! X3.2 © 2001-2013 Comsenz Inc.