Pull to refresh

Kothic JS: рендерер OpenStreetMap, поддерживающий MapCSS/0.2, портировали на джаваскрипт, рисующий по холсту

Reading time 1 min
Views 3.9K
Многим поклонникам OpenStreetMap хорошо известен рендерер (отрисовщик) под названием Kothic, отличающийся неплохою поддержкою перспективного черновика стандарта картографических стилей MapCSS/0.2 и способный рисовать зрелищные векторные карты (даже и псевдо-3D — в косоугольной проекции, судя по скриншотам).

Несколько дней назад без особого шума (если не считать отдельной страницы в вики OSM да ещё одной записи в твиттере у автора другой небезынтересной библиотеки — Leaflet, о которой упоминалось ужé на Хабрахабре и которая успела с тех пор заметно подразвиться) на свет Божий вышла версия Kothic, портированная на JavaScript и называющаяся по такому случаю Kothic JS. Взаимодействуя с Leaflet, скрипт Kothic JS отрисовывает векторную карту на холстах (HTML5 canvas) и формирует из этих холстов квадратные плитки («тайлы») для картографического движка Leaflet. Всё это происходит прямо во браузере.

Код Kothic JS вы без труда найдёте на GitHub (там же и краткое описание), и есть демонстрационный сайт, рисующий на холсте векторную карту города Минска по данным из OpenStreetMap. Желающим посетить этот сайт я настойчиво рекомендую заранее запасаться терпением: во-первых, генерация каждой квадратной плитки занимает несколько секунд, а во-вторых, вероятен хабраэффект.
Tags:
Hubs:
+14
Comments 37
Comments Comments 37

Articles