36 votos

¿Existe una Galería CSS de Carto que también contenga código?

Actualmente estoy explorando el uso de CartoCSS y TileMill en uno de nuestros proyectos. He visto la impresionante galería disponible en http://www.mapbox.com/tilemill/gallery/

La galería es impresionante, pero me cuesta imaginar cómo han conseguido ciertos efectos y estilos. Las muestras que se dan en la guía (por ejemplo aquí ) parecen demasiado básicas.

¿Hay alguna muestra detallada del CartoCSS (en lugar de sólo la salida) disponible en algún lugar?

41voto

Joel Gauvreau Puntos 1346

Desgraciadamente, todavía no hay ninguno.

Yo me he preguntado lo mismo de vez en cuando, pero he encontrado un puñado de ejemplos a lo largo de los años que me han servido de inspiración y aprendizaje. Desgraciadamente, la mayoría de los autores no publican todo o parte de su trabajo. Además, ha habido un par de pequeños cambios en carto, algunos de los códigos pueden no estar 100% actualizados o pueden no aprovechar las capacidades actuales de carto y también tendrás que cambiar cosas a medida que la gente utilice diferentes tipos de datos (consultas postgis, shapefiles, json, etc) para tus necesidades.

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

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

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

bonito mapa de Tránsito por el participante de Code for america jlord - https://github.com/codeforamerica/Transit-Map-in-TileMill

https://github.com/mapbox/osm-bright - Una gran manera para empezar a aprender carto. Esto es lo que realmente me ayudó a aprender carto y a menudo lo uso como una capa de base para los proyectos o empezar con él para un proyecto. Un tenedor de la misma.

Mapa del estilo "Quiet LA" del LA Times

Pandonia - estilo hecho por flickr

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

Algunos ejemplos de Dane Springmeyer, desarrollador de Tilemill y mapnik Estos son muy experimentales y empujan los límites de lo que se puede hacer en Carto.

Un estilo cartográfico para contextos humanitarios de HOT, el equipo humanitario de openstreetmap.

Además, el puerto cartocss del estilo por defecto de OSM mencionado por maning es un buen trabajo.

Por último, este en mi repo de github es una toma decente de osm-bright también:

Experimentar con estos estilos y modificarlos te ayudará mucho a aprender.


Carto también se utiliza en Mapbox-Studio-Classic (también conocido como tilemill2) pero el procesamiento de los datos de origen es diferente porque utiliza mosaicos vectoriales. Tienes que convertir primero tu fuente de datos en una fuente de mosaicos vectoriales antes de usarla.

Los siguientes estilos, escritos para su uso en Mapbox-Studio, utilizan Mapbox-Streets como datos de origen a menos que se indique.

Estilo de alto contraste en blanco y negro similar a la estética de Ello - visible aquí

Vetiver

Un mapa de orientación realizado por Rafa de Mapbox - utiliza fuentes de datos externas

Darkly-Neon, de Stephen Smith

n\|/0, un estilo de caricatura con temática de Halloween que hice y que utiliza numerosas expresiones regulares. Si quieres saber cómo utilizar las expresiones regulares en Carto, esto puede ayudarte. Visible aquí .

Por último, al experimentar con Mapbox-streets como fuente de datos, también aprenderás que algunas suposiciones están incorporadas en la fuente de datos. Por ejemplo, no se pueden mostrar algunos PDI que son nodos en la etiqueta #poi_label en un nivel de zoom inferior a 15 o 16.

6voto

Haydar Puntos 699

Comprueba esta adaptación de CartoCSS del estilo por defecto de OpenStreetMap.

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

4voto

David M Puntos 518

También hay una lista de estilos de mapas CartoCSS en la página wiki de OpenStreetMap .

i-Ciencias.com

I-Ciencias es una comunidad de estudiantes y amantes de la ciencia en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X