- PVSM.RU - https://www.pvsm.ru -

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

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

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

Волшебство Kartograph

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

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

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

Проект на Github [11]
Проект в Twitter [12]

Автор: JiLiZART


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/3630

Ссылки в тексте:

[1] Kartograph: http://kartograph.org/

[2] дизайнеров: http://kartograph.org/showcase/italia/

[3] журналистов: http://kartograph.org/showcase/charts/

[4] демки: http://kartograph.org/showcase/

[5] kartograph.js: http://kartograph.org/about/kartograph.js/

[6] kartograph.py: http://kartograph.org/about/kartograph.py/

[7] проекция: http://kartograph.org/showcase/projections/

[8] ESRI шейп-фалов: http://ru.wikipedia.org/wiki/Shapefile

[9] choropleth: http://kartograph.org/showcase/choropleth/

[10] точечную сетку: http://kartograph.org/showcase/dotgrid/

[11] Проект на Github: http://github.com/kartograph/

[12] Проект в Twitter: http://twitter.com/#!/kartographjs/