我目前正在研究我们的一个项目中CartoCSS和TileMill的用法。我已经在http://www.mapbox.com/tilemill/gallery/

上看到了令人印象深刻的画廊,该画廊看起来令人印象深刻,但是我很难想象它们如何实现某些效果和样式。指南中提供的示例(例如此处)似乎太基础了。

是否有CartoCSS的详细示例(而不只是输出)?

#1 楼

不幸的是,还没有。

我偶尔问自己同样的事情,但是这些年来,我从中汲取了一些启发并学习了很多例子。不幸的是,大多数作者并没有公开全部或部分作品。此外,carto进行了一些小的更改,某些代码可能不是100%都是最新的,或者可能无法利用carto的当前功能,而且由于人们使用不同的数据类型,您还必须进行更改(postgis查询,shapefile,json等)。

https://github.com/andrewharvey/osm-hybrid-carto

https://github.com/ aaronlidman / Toner-for-Tilemill

https://github.com/ajashton/simple-osm

尼斯美国交通法典参与者jlord的公交地图-https:// github.com/codeforamerica/Transit-Map-in-TileMill

https://github.com/mapbox/osm-bright-一种开始学习卡通的好方法。这确实帮助我学习了卡通,并且我经常将其用作项目的基础层或从项目开始。
它的叉子。

洛杉矶时报的“安静的洛杉矶”地图样式

潘多尼亚-flickr制作的样式

https://github.com/wboykinm/geosprocket -carto

Dane Springmeyer,Tilemill和mapnik开发人员的一些示例具有很高的实验性,并推动了Carto的发展。

人道openstreetmap团队HOT的人道环境地图绘制样式。

另外,maning提到的OSM默认样式的cartocss端口是一项不错的工作。

最后,我的github存储库中的这个是osm的不错代表-同样也很明亮:

对这些样式进行实验并对其进行修改将真正帮助您学习。


Carto还用于Mapbox-Studio-Classic(也称为tilemill2)中,但是源数据的处理有所不同,因为它使用矢量切片。您必须先将数据源转换为矢量图块源,然后才能使用它。

除非另有说明,以下为在Mapbox-Studio中使用而编写的样式使用Mapbox-Streets作为源数据。

高对比度的黑白风格与Ello相似-在此处可见

Vetiver

由Mapbox的Rafa制作的定向越野地图-使用外部数据源

Darkly-Neon,来自Stephen Smith
n \ | / 0,这是我制作的以万圣节为主题的卡通风格,它使用了许多正则表达式。如果您想了解如何在Carto中使用正则表达式,则可以提供帮助。在这里可见。

最后,当您尝试使用Mapbox-streets作为数据源时,您还将了解到一些假设已融入数据源中。例如,您不能以低于15或16的缩放级别显示某些#POi_label中的节点的POI。

#2 楼

检查此OpenStreetMap默认样式的CartoCSS端口。

https://github.com/gravitystorm/openstreetmap-carto

#3 楼

OpenStreetMap Wiki上还有一个CartoCSS地图样式列表。