你们还记得早期那篇文章吗?
今天小编又跟进了这个主题,详细介绍了百度、谷歌地图在分析图制作中的神奇用法,很有参考价值~
——百度个性化地图编辑器——
相对于高大上的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