Gibt es eine Carto CSS-Galerie, die auch Code enthält?


35

Momentan untersuche ich die Verwendung von CartoCSS und TileMill in einem unserer Projekte. Ich habe die beeindruckende Galerie unter http://www.mapbox.com/tilemill/gallery/ gesehen.

Die Galerie sieht beeindruckend aus, aber ich kann mir nur schwer vorstellen, wie sie bestimmte Effekte und Stile erzielt haben. Die im Leitfaden angegebenen Beispiele (zum Beispiel hier ) scheinen zu einfach.

Gibt es irgendwo detaillierte Beispiele für CartoCSS (und nicht nur für die Ausgabe)?

Antworten:


39

Leider gibt es noch keinen.

Ich habe mich das gelegentlich gefragt, aber im Laufe der Jahre habe ich eine Handvoll Beispiele gefunden, die ich inspiriert und durchgelernt habe. Leider veröffentlichen die meisten Autoren nicht alle oder nur einen Teil ihrer Arbeit. Außerdem wurden einige kleine Änderungen an carto vorgenommen. Möglicherweise ist ein Teil des Codes nicht zu 100% auf dem neuesten Stand oder nutzt die aktuellen Funktionen von carto nicht aus. Außerdem müssen Sie Änderungen vornehmen, da Benutzer unterschiedliche Datentypen verwenden (Postgis-Abfragen) , Shapefiles, Json, etc) für Ihre Bedürfnisse.

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

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

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

nette Transit Map von Code for America Teilnehmer Jlord - https://github.com/codeforamerica/Transit-Map-in-TileMill

https://github.com/mapbox/osm-bright - Eine großartige Möglichkeit , Carto zu lernen. Dies hat mir wirklich geholfen, carto zu lernen und ich benutze es oft als Basis für Projekte oder beginne damit für ein Projekt. Eine Gabel davon.

LA Times '' Quiet LA 'Kartenstil

Pandonia - Style von flickr

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

Einige Beispiele von Dane Springmeyer, Tilemill und Mapnik-Entwicklern Diese sind sehr experimentell und erweitern die Möglichkeiten von Carto.

Ein Mapping-Stil für humanitäre Kontexte von HOT, dem humanitären Openstreetmap-Team.

Darüber hinaus ist der von maning erwähnte cartocss-Port des OSM-Standardstils eine gute Arbeit.

Schließlich ist dieses in meinem Github-Repo auch ein anständiger Start von osm-bright:

Wenn Sie mit diesen Stilen experimentieren und sie modifizieren, werden Sie viel lernen.


Carto wird auch in Mapbox-Studio-Classic (auch bekannt als tilemill2) verwendet, die Verarbeitung von Quelldaten unterscheidet sich jedoch, da Vektorkacheln verwendet werden. Sie müssen Ihre Datenquelle zunächst in eine Vektorkachelquelle konvertieren, bevor Sie sie verwenden können.

Die folgenden Stile, die für die Verwendung in Mapbox-Studio geschrieben wurden, verwenden Mapbox-Streets als Quelldaten, sofern nicht anders angegeben.

Kontrastreicher Schwarz-Weiß-Stil, der Ello ähnelt - hier zu sehen

Vetiver

Eine von Rafa von Mapbox erstellte Orientierungslaufkarte - verwendet externe Datenquellen

Darkly-Neon von Stephen Smith

n \ | / 0, ein Carto-Stil mit Halloween-Motiven, der zahlreiche reguläre Ausdrücke verwendet. Wenn Sie wissen möchten, wie reguläre Ausdrücke in Carto verwendet werden, können Sie hier Abhilfe schaffen. Sichtbarer hier .

Wenn Sie schließlich mit Mapbox-Straßen als Datenquelle experimentieren, werden Sie auch feststellen, dass einige Annahmen in die Datenquelle eingearbeitet sind. Beispielsweise können Sie einige POIs, die Knoten in #poi_label sind, nicht mit einer Zoomstufe unter 15 oder 16 anzeigen.



Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.