有一个Carto CSS Gallery,其中也包含代码?


35

我目前正在研究其中一个项目中CartoCSS和TileMill的用法。我已经在http://www.mapbox.com/tilemill/gallery/上看到了令人印象深刻的画廊

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

CartoCSS的任何详细样本(而不只是输出)都可以在某处找到吗?

Answers:


39

不幸的是,还没有一个。

偶尔我也问过自己同样的事情,但是这些年来,我从中汲取了一些启发并学习了很多例子。不幸的是,大多数作者并未公开全部或部分作品。此外,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

Code for America参与者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可以完成的工作。

人道主义的opentreetmap小组来自HOT的一种针对人道主义环境的地图绘制样式。

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

最后,在我的github存储库中,这个也是 osm-bright的不错产品:

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


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

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

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

香根草

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

斯蒂芬·史密斯(Stephen Smith)的《黑暗霓虹灯》

n \ | / 0,我制作的以万圣节为主题的卡通风格,使用了许多正则表达式。如果您想了解如何在Carto中使用正则表达式,这将有所帮助。在这里可见。

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



By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.