NCF参数化建筑论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
查看: 2761|回复: 13

[设计资讯] “百度地图编辑器”制作分析图底图

[复制链接]
发表于 2018-7-21 16:05:42 | 显示全部楼层 |阅读模式
本帖最后由 天明2009 于 2018-7-21 16:05 编辑

百度地图个性编辑器是网页版编辑器,可以方便的制作底图等定制地图效果。虽然MapBox的效果更好,但有各种限制,不如用本土的百度,同时可借鉴MapBox优秀作品的效果。本文主要介绍百度地图编辑器的使用。


百度地图编辑器:
1.支持18类底图元素的配置,包括道路、绿地、建筑物、河流等;
2.同时支持修改几何形状及文本标注;
3.支持多种样式设置,如颜色,宽度,高度,饱和度等;
4.覆盖全部浏览器。
1.png

可通过两种方式进行自定义编辑:
方式1、界面下方面板,操作直观但定制性弱,可以点击左侧的“个性化模板”来快速得到一个效果。具体教程链接:
http://developer.baidu.com/map/img-editor.html
2.png
方式2、JSON编码,自定义方便,但要掌握基本的JSON编码规则。步骤:
a.点击右侧“查看JSON”;
b.编辑JSON编码;
c.点击“修改后并应用”,界面会自动刷新,若一直刷不出来,刷新网页即可;
3.png

JSON 是轻量级的文本数据交换格式。规则如下:
1)- 名称/值对(name/value)之间用冒号(“:”)隔开。
2)- 对象(Object)用大括号(“{}”)表示。
3)- 数组(Array)用方括号(“[]”)表示。
4)- 名称(name)置于双引号中,值(value)有字符串、数值、布尔值、null、对象和数组。
5)- 并列的数据之间用逗号(“,”)分隔

建筑常用属性的JSON编码:
1 元素部分
全部:all
陆地:land
水系:water
绿地:green
建筑物:building
……
2 元素属性部分
文字:labels
形状边框:geometry.stroke
形状填充:geometry.fill
……
3 属性样式部分
颜色:color
可见性:visibility
……
详细的编码说明请看百度地图个性化编辑器官方说明,暂时只找到这个链接:http://lbsyun.baidu.com/index.php?title=androidsdk/guide/custom。

JSON示例代码:
示例1  
4.png
让建筑(building)的填充、边线等所有(all)颜色(color)变成灰色(#cccccff)。
比如要修改为黑色,就将color后面的编码改为黑色编码(#000000)。
颜色编码详见:http://www.w3school.com.cn/tags/html_ref_colornames.asp

示例2
5.png
让道路(road)的文字(labels)隐藏。
可见性(visibility)设置为关(off)即可。


要想自己添加一个自定义属性,将编码中的一个模块(示例JSON编码中的大括号和它内部的编码,包括大括号外的逗号)拷贝一份,然后按照编码规则格式修改即可。

以上就是大概的入门说明,具体还需要您亲自实践。第一张图的JSON编码文件,下载链接:

链接: https://pan.baidu.com/s/1o86SazeCg83PG2PywCXsmA 密码: dn2r



评分

参与人数 1强度 +2 照度 +10 收起 理由
ly871108 + 2 + 10 感谢分享!

查看全部评分

发表于 2018-7-23 09:14:43 | 显示全部楼层
那么问题来了?如何导出高清图

点评

那就要发挥你的聪明才智了,,比如局部截图PS拼接.  详情 回复 发表于 2018-7-23 16:09
 楼主| 发表于 2018-7-23 16:09:34 | 显示全部楼层
Mr_Ing 发表于 2018-7-23 09:14
那么问题来了?如何导出高清图

那就要发挥你的聪明才智了,,比如局部截图PS拼接.

点评

还比如买个4K显示器,截图就是高清大图了  详情 回复 发表于 2018-7-24 16:57
可以是可以 全是手工活 又慢又麻烦 想了解更智能的方法 听说Python是可以  详情 回复 发表于 2018-7-23 20:04
发表于 2018-7-23 20:04:30 | 显示全部楼层
天明2009 发表于 2018-7-23 16:09
那就要发挥你的聪明才智了,,比如局部截图PS拼接.

可以是可以 全是手工活 又慢又麻烦 想了解更智能的方法 听说Python是可以

点评

厉害!  详情 回复 发表于 2018-7-24 10:00
 楼主| 发表于 2018-7-24 10:00:33 | 显示全部楼层
waynesummer 发表于 2018-7-23 20:04
可以是可以 全是手工活 又慢又麻烦 想了解更智能的方法 听说Python是可以

厉害!
发表于 2018-7-24 16:57:13 | 显示全部楼层
天明2009 发表于 2018-7-23 16:09
那就要发挥你的聪明才智了,,比如局部截图PS拼接.

还比如买个4K显示器,截图就是高清大图了

点评

租也可以  详情 回复 发表于 2018-7-24 18:33
 楼主| 发表于 2018-7-24 18:33:02 | 显示全部楼层
Mr_Ing 发表于 2018-7-24 16:57
还比如买个4K显示器,截图就是高清大图了

租也可以
发表于 2018-7-25 10:00:03 | 显示全部楼层
用过 不太好使

小黑屋|手机版|NCF参数化建筑论坛 ( 辽ICP备12011358号-1   辽公网安备 21020302000097号

GMT+8, 2018-10-21 20:32 , Processed in 0.224684 second(s), 23 queries , Gzip On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表