Pull to refresh

Kartograph — фреймворк для создания интерактивных карт

Reading time1 min
Views19K
Kartograph — это новый фреймворк для создания интерактивных картографических веб приложений без использования Google Maps/Bing Maps или любого другого сервиса. Он создавался с учетом потребностей дизайнеров и журналистов.

Можно поглядеть на демки, чтобы узнать на что способен Kartograph.

Волшебство Kartograph


Фреймворк построен с использованием jquery и raphaël.
Основная концепция Kartograph — это разделение процесса маппинга на создание и рендер карт. Со стороны клиента это библиотека kartograph.js, отображающая сгенерированные файлы карт в формате SVG. Вы можете уже выбрать из сотни готовых карт или сгенерировать свою карту, используя kartograph.py скрипт, Python SVG генератор карт с открытым исходным кодом.

От идеи до реализации


  • Выберите какую карту вы хотите отображать и какая проекция должна быть использована.
    На данный момент доступно создание карт только из ESRI шейп-фалов, в дальнейшем планируется поддержка других форматов.
  • Сгенерируйте SVG карту используя kartograph.py. Подправьте карту если нужно.
  • Загрузите cгенерированный SVG на свой сайт используя kartograph.js. Укажите какие слои добавлять и добавьте немного CSS кода. Вы можете добавить больше стилей используя SVG фильтры
  • Взуализируйте свою карту используя точки на карте, choropleth карты или точечную сетку.


Проект на Github
Проект в Twitter
Tags:
Hubs:
+65
Comments16

Articles