Что такое Leaflet и Mapbox и в чем их отличия?

85

Что такое Leaflet и Mapbox, и каковы различия и способы использования обоих? В чем основные различия их API?

vetri02
источник

Ответы:

35

Обновление (2014-08-22):

Мой ответ немного устарел. Пожалуйста, обратитесь к ответу @ tmcw для актуального сравнения Leaflet и MapBox.


Исходный ответ (05.09.2012):

Вы сравниваете яблоки и апельсины.

Leaflet - это «просто» API карты. Сам он не предоставляет данные / карты. Mapbox - это сервис для разработки и публикации карт, где конечным результатом является набор сгенерированных фрагментов карты, хранящихся в облаке (и некоторые файлы json).

Так, например, вы можете использовать карты Mapbox из Leaflet. пример

В любом случае, Mapbox разработан компанией под названием DevelopmentSeed, и у них есть API карты, который действительно является конкурентом Leaflet, под названием Modest Maps , хотя он намного проще и с меньшей функциональностью.

Итак, подведем итог:

  • Листовка -> API карты, нет данных
  • MapBox -> проектировать и публиковать карты
псуса
источник
3
Просто хочу добавить, что MapBox недавно выпустил свой собственный js api: mapbox.com/mapbox.js/api/v0.6.5
threejeez
2
Просто для обновления: API Mapbox теперь использует Leaflet в качестве своего API, дополненного плагином для получения фрагментов карты со своих серверов.
Марк
Вам нужен только Mapbox.js, если вы используете их службу дизайна / хостинга карт Mapbox.com, верно? Другими словами, если вы создаете собственное приложение, которое использует службу листов, отличную от Mapbox, настраиваемую базу данных и т. Д., Вы бы просто использовали вместо этого Leaflet?
Клинт Харрис
4
@ClintHarris. На самом деле, с тех пор, как я впервые написал это, все изменилось еще больше. В настоящее время Mapbox.js представляет собой просто библиотеку поверх Leaflet, которая предоставляет некоторые дополнительные функции и интеллектуальную архитектуру плагинов. Его можно использовать, даже если вы не пользуетесь услугой дизайна / хостинга mapbox.
psousa
Здравствуйте. Я видел, что в листовке используется реактивный код, я хочу использовать код IOS / Android для своего проекта, как я могу это сделать?
famfamfam
134

Другой ответ хорош, но немного устарел, поскольку Mapbox значительно изменился за два года.

Leaflet - это JavaScript API для создания интерактивных карт в Интернете. Он может интегрироваться с Mapbox, а также с множеством других источников тайлов, таких как OpenStreetMap , и другими источниками данных, такими как наложения GeoJSON .

Mapbox - это компания, которая предоставляет картографические сервисы и технологии - один из этих сервисов, фрагменты карты , можно использовать в Leaflet в качестве базовых карт - так же, как вы бы использовали фрагменты карты Google в API Карт Google. Mapbox также разрабатывает плагин Leaflet под названием Mapbox.js, который упрощает интеграцию с их плитками, при этом сохраняя при этом все замечательные функции Leaflet. Мы также поддерживаем разработку Leaflet, поскольку здесь работает сопровождающий .

Вы можете использовать Mapbox.js без использования плиток Mapbox и использовать Leaflet с плитками Mapbox - они полностью совместимы. Дополнения Mapbox.js, такие как поддержка TileJSON и UTFGrid , упрощают интеграцию с картами Mapbox, но не меняют существующее поведение Leaflet.

tmcw
источник
23

Вы можете думать о Mapbox как о гитхабе карт.

OpenStreetMaps как git

Leaftlet как клиент git

и mapbox.js как «GitHub для Mac»


позвольте мне объяснить больше

OpenStreetMaps (OSM) - это вещь с открытым исходным кодом для создания / отображения карт, точно так же, как git для управления версиями

Mapbox - это компания по размещению карт на основе OSM с большей мощностью, чем просто хостинг, что то же самое для github для проектов git.

Leaftlet - это библиотека, позволяющая пользователям отображать / использовать карты на основе OSM в своих браузерах с помощью службы хостинга OSM, как и любой клиент git с услугами хостинга git.

mapbox.js - это расширенная библиотека для отображения / использования карт, размещенных на mapbox.com, которая уже основана на OSM, как и клиент GitHub для Mac, созданный github для проектов, размещенных на github.

Надеюсь, это прояснит проблему

Ахмед Мозали
источник
3

Это старый пост, вот мое обновление.

Mapbox теперь использует листовку в качестве официального JavaScript API (я не знаю, что внутри работает, но ... я вообще не могу посещать Modest Maps, а Mapbox ничего не упоминает о Modest Map на своем текущем веб-сайте) .

Вейцзин Джей Лин
источник