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

    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
    Share post

    Similar posts

    Comments 16

      +2
      Проект абалденный. Посмотрел демки, ахнул (особенно от плавающего кораблика).
      =)
      Жаль только нет проектов текущих, где мог бы их использовать
        0
        Плавающий кораблик — великолепен.
        Задумка очень интересная.
          0
          А фреймом если на сайт или в блог вставить — какой самый простой путь?
          Одним Dropbox (для svg), к примеру, смогу обойтись?

            0
            Это просто обалденная штука, которая нужна, и как раз для текущего проекта!!!
              –2
              IE9 — не отображается подложка на карте с паромами, остальные карты не видны вообще :(
                –3
                В IE10 аналогично. Плохо поработали над кросплатфоменностью
                  +2
                  IE не нужен…
                  –1
                  А Вы умеете правильно демонстрировать свой продукт (кстати, он отличный). Удачи Вам.
                    0
                    Продукт не мой, увы.
                    –2
                    Все супер, только вот IE8, Android 2.1-2.3?
                      0
                      А что с производительностью?
                      У меня конечно не совсем карта, как таковых полигонов нет. Но вот с рендером беда все очень плохо
                      muder.ru
                      Это карта для Command & conquer alliances. Сейчас на ней 10к объектов рисуется на канвасе. Все на чистом ЖС рафаеля и кинекта. После рендера кешируется в пнг и всеравно все плохо(
                      • UFO just landed and posted this here
                          0
                          Карта подложка не меняется она и так вставляется куском битмапа в зависимости от зума.
                          Что значит интерактивный объект? И что отрабатывало за секунду? Сейчас у меня рендертися на максимальном удалении около 100мс на 4-5 уровне где-то 40-50мс. Но это явный подлаг когда двигаешь карту.
                        0
                        Проект очень понравился.
                        Недавно стояла задача сделать интерактивную карту, пришлось делать на Silverlight, если бы знал об этом проекте, то обязательно использовал бы его.
                          0
                          Очень круто :)
                          Под wp7 все работает, только сетка и острова не рисуются в демке с Италией
                            0
                            А можно создать карту из существующего растрового файла? Ничего особенного, просто хочу наложить на карту Фаэруна векторный слой с реками, границами лесов/пустынь/морей/государств и подписями, чтобы искать легче места, в книгах описанные. Сходу не удается найти простой инструмент для этого, безо всяких ненужных наворотов, и весящий не гигабайты.

                            Only users with full accounts can post comments. Log in, please.