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

в 11:41, , рубрики: javascript, jquery, maps, Maps API, open source, Raphael, метки: , ,

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

Автор: JiLiZART

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js