У меня есть пример набора данных линий и точек , представляющий путь людей на работу и места, где они чувствуют риск дорожно-транспортных происшествий.
Теперь у данных есть такие атрибуты, как место (дом, работа, опасность) и серьезность несчастных случаев, которых они опасаются в разных местах. Таким образом, более широкий вопрос заключается в том, как визуализировать это на веб-карте. Для этого я изучил Google Maps, Leaflet и Открытые слои3. Каждый из них выглядит великолепно и имеет хороший стиль, но ни один из них, на мой взгляд, не обладает такой аккуратностью, как CartoCSS. для быстрого, сложного и интуитивно понятного стиля, например код ниже, используемый для создания изображения ниже:
Поэтому я попробовал его на плиточном заводе и это то, что я придумал после преобразования вещей в растровые плитки с помощью TileMill.
Но это глупый способ делать что-то: он не может накладываться на базовый слой, и было бы гораздо эффективнее просто обслуживать векторные данные и стилизовать их на стороне клиента, возможно, используя что-то вроде mapbox.js. Но я не могу понять, как использовать прекрасный язык CartoCSS на стороне клиента для стилизации файлов GeoJSON. (Как это возможно?
p.s. вот как я стилизовал карту выше
#tlines {
line-width:1;
line-color: #0b0;
}
#tpoints.points{
marker-width: 6;
}
#tpoints.points[Place='Danger'] {
marker-fill:#db0d0d;
}
#tpoints.points[Place='Home'] {
marker-fill:#db0;
}
#tpoints.points[Severity='1']{
marker-width: 4;}
#tpoints.points[Severity='2']{
marker-width: 6;}
#tpoints.points[Severity='3']{
marker-width: 10;}