Появилась «Leaflet» — новая open source JavaScript-библиотека для любых карт

    13 мая компания CloudMade (со-основатель компании — основатель OpenStreetMap Стив Кост) объявила о новой open source JavaScript-библиотеке для любых карт под названием Leaflet.

    Как написал Mourner (он же на Хабре — Mourner), автор этой библиотеки, живущий в Киеве (кстати, он будет рад услышать отзывы и ответить на ваши вопросы на форуме OpenStreetMap и здесь на Хабрахабре):

    «Leaflet задумана как библиотека, одинаково хорошо работающая и на десктопных браузерах, и на мобильных устройствах (iPhone/iPad, Android) — очень быстрая, легковесная, с простым API, красивым и понятным ООП-кодом. В отличии от OpenLayers (самого популярного выбора на сегодняшний день) мы не пытаемся впихнуть в нее все фичи, о которых только можно помыслить, раздувая код до немыслимых размеров — только самое основное, минимальный набор, который удовлетворяет нужды 99% применений карт в онлайне (тайлы, маркеры, векторы, попапы), но реализовывая их максимально лучшим образом.»

    Официальный сайт Leaflet: leaflet.cloudmade.com (описание, примеры, документация)
    Репозиторий на GitHub: github.com/CloudMade/Leaflet (разработчики будут счастливы видеть контрибьюторов)
    Примеры: leaflet.cloudmade.com/examples/quick-start.html

    UPD: Изменил заголовок и текст в связи с комментарием, что можно использовать с любыми картами.
    Share post

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 20

      0
      Интересно её можно юзать без привязки к cloudmade? Свои карты на своем хостинге? А то что-то нигде подобного не найду.
        +2
        Конечно, что этому мешает? Тайлы CloudMade используются только в качестве примера, но URL-шаблон для тайлов можно задавать любой.
          0
          Клёва, надо попробовать, спасибо!
        +1
        Спасибо за пост. :) Собираюсь скоро представить ее на Хабре подробнее.
        Ответить на вопросы как автор библиотеки могу и здесь. :)
          0
          Только не «любых», я бы это слово убрал. :) Пока что только тайловых и в стандартной гугл-меркатор проекции. Плюс нельзя использовать Google и Yahoo из-за их условий (только через соотв. проприетарные API), хотя вот Bing можно.
            0
            Разве использование вашей библиотеки как промежуточного слоя нарушает условия использования?
              +1
              Да, если карта отображается не с помощью Google Maps API и Yahoo Maps API соответственно. Например, OpenLayers для поддержки этих слоёв приходится реализовывать враппер над их библиотеками, синхронизировать их события и т.д. Напрямую загружать тайлы по урлу нельзя. А решение в стиле OL имеет плачевные для производительности последствия.
                0
                А что если реализовать их поддержку отдельным модулем и выложить отдельным проектом с лицензией PD, например, мол, используйте на свой страх и риск? Как QIP, лицензия которого запрещает использовать его для подключения к ICQ.
                  +1
                  Адресация тайлов периодически меняется… при появлении новых спутниковых снимков, при запросах тайлов с разных регионов разная адресация на разные сервера и т.д. При запросе ошибочных (по мнению гугла) адресов — бан… хоть и не вечный, но сутки приходил одна и та же картинка с предупреждением на любой запрос. На второй день (после часа разбана) опять получил «бан» и больше не стал рисковать и отключил гугл со своей карты.
            0
            Попробовал, понравилось. Особенно радует, что очень легко сцепляется с Ext.JS, так как нативные карты не очень нравятся.
            Так держать!
              +1
              Вот еще неплохое решение от SimpleGeo polymaps.org/
                0
                Да, отличная библиотека. Правда, только для браузеров, поддерживающих SVG (т.е. не IE6-8 и Android). Плюс код и API — в функциональном стиле, а не ООП (это уже на вкус и цвет).
                0
                Под андроидом практически не работает.
                  0
                  Под каким именно и на каком телефоне? Будем тестить. На наших экземплярах работает неплохо.
                    0
                    Desire Z
                    OperaMobile — карта не интерактивна
                    Firefox — карта не интерактивна
                    Встроеный — карта практически не драгается( то работает, то нет, в любом случае происходит один драг, а потом води не води — без толку)
                      +1
                      Спасибо! Opera и Firefox Mobile мы еще не занимались, вот с Сафари проблема в том что он на разных девайсах работает по-разному… Постараемся найти девайс, где это воспроизводится, и зафиксим обязательно.

                      Кстати, любые проблемы можно репортить здесь: github.com/CloudMade/Leaflet/issues
                  +1
                  Отлично получилось, спасибо. Особенно порадовали popup-ы (в OpenLayers они какие-то кривые) и плавное появление загружаемых тайлов.
                    0
                    А вы не могли бы написать пример с использованием Яндекс.Карт?
                      0
                      Чего-то я не понел — неужели в нем еще не реализован «большой» контрол масштаба карты (со скроллером), а есть только маленький (кнопочки + и — )?
                        0
                        Есть карта города в «польском» формате. Хочу на своем сайте реализовать отображение этой карты.
                        Подскажите пожалуйста как можно это сделать с помощью Leaflet. Как я понимаю нужно конвертировать мою карту в определенный формат тайтлов, но как это сделать еще не понял.

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