Existe uma Galeria CSS Carto que também contém código?

35

Atualmente, estou explorando o uso do CartoCSS e TileMill em um de nossos projetos. Vi a impressionante galeria disponível em http://www.mapbox.com/tilemill/gallery/

A galeria parece impressionante, mas estou tendo problemas para imaginar como eles conseguiram certos efeitos e estilos. As amostras fornecidas no guia (por exemplo, aqui ) parecem muito básicas.

Existem amostras detalhadas do CartoCSS (em vez de apenas a saída) disponíveis em algum lugar?

Devdatta Tengshe
fonte

Respostas:

39

Infelizmente, ainda não há um.

Ocasionalmente me perguntei a mesma coisa, mas encontrei alguns exemplos ao longo dos anos em que me inspirei e aprendi. Infelizmente, a maioria dos autores não está publicando todo ou parte de seu trabalho. Além disso, houve algumas pequenas alterações no carto, parte do código pode não estar 100% atualizado ou pode não tirar proveito dos recursos atuais do carto e você também precisará alterar as coisas à medida que as pessoas usam diferentes tipos de dados (consultas postgis , shapefiles, json, etc) para suas necessidades.

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

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

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

Mapa de trânsito agradável por Code for america participant jlord - https://github.com/codeforamerica/Transit-Map-in-TileMill

https://github.com/mapbox/osm-bright - Uma ótima maneira de começar a aprender carto. Isso é o que realmente me ajudou a aprender carto e eu frequentemente o uso como uma camada base para projetos ou começo com ele para um projeto. Um garfo disso.

LA Times '' Quiet LA 'Map style

Pandonia - estilo feito pelo flickr

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

Alguns exemplos de Dane Springmeyer, Tilemill e desenvolvedor do mapnik Estes são muito experimentais e aumentam os limites do que pode ser feito no Carto.

Um estilo de mapeamento para contextos humanitários da HOT, a equipe humanitária de openstreetmap.

Além disso, a porta cartocss do estilo padrão OSM mencionado por maning é um bom trabalho.

Por fim, este no meu repositório do github também é uma boa opção para osm-bright:

Experimentar esses estilos e modificá-los realmente o ajudará a aprender.


O Carto também é usado no Mapbox-Studio-Classic (também conhecido como tilemill2), mas o processamento dos dados de origem é diferente porque usa blocos de vetor. Você deve primeiro converter sua fonte de dados em uma fonte de bloco de vetor antes de usá-la.

Os seguintes estilos, escritos para uso no Mapbox-Studio, usam o Mapbox-Streets como dados de origem, a menos que indicado.

Estilo preto e branco de alto contraste com estética semelhante à Ello - visível aqui

Vetiver

Um mapa de orientação feito por Rafa do Mapbox - usa fontes de dados externas

Darkly-Neon, de Stephen Smith

n \ | / 0, um estilo carto com tema de Halloween que criei que usa inúmeras expressões regulares. Se você deseja entender como usar expressões regulares no Carto, isso pode ajudar. Visível aqui .

Por fim, ao experimentar o Mapbox-streets como fonte de dados, você também aprenderá que algumas suposições são inseridas na fonte de dados. Por exemplo, você não pode exibir alguns PIs que são nós no rótulo #poi ​​com um nível de zoom abaixo de 15 ou 16.

Vai.
fonte