Czym są Leaflet i Mapbox i jakie są między nimi różnice?

84

Czym są Leaflet i Mapbox i jakie są różnice lub zastosowania obu? Jakie są główne różnice w ich interfejsach API?

vetri02
źródło

Odpowiedzi:

35

Aktualizacja (2014-08-22):

Moja odpowiedź jest nieco nieaktualna. Zapoznaj się z odpowiedzią @ tmcw, aby uzyskać aktualne porównanie między Leaflet i MapBox.


Oryginalna odpowiedź (05.09.2012):

Porównujesz jabłka i pomarańcze.

Ulotka to „tylko” interfejs API mapy. Sam nie dostarcza danych / map. Mapbox to usługa do projektowania i publikowania map, w której wynikiem końcowym jest zbiór wygenerowanych kafelków mapy przechowywanych w chmurze (i niektórych plików json).

Na przykład możesz korzystać z map Mapbox z Leaflet. Przykład

W każdym razie Mapbox jest rozwijany przez firmę o nazwie DevelopmentSeed i ma interfejs API map, który jest rzeczywiście konkurentem dla Leaflet, zwany Modest Maps , chociaż jest znacznie prostszy i ma mniej funkcji.

Podsumowując:

  • Ulotka -> API map, brak danych
  • MapBox -> projektuj i publikuj mapy
psousa
źródło
3
Chcę tylko dodać, że MapBox niedawno wydał własne js api: mapbox.com/mapbox.js/api/v0.6.5
threejeez
2
Tylko po to, aby zaktualizować: API Mapbox używa teraz Leaflet jako swojego API, rozszerzonego o wtyczkę do pobierania kafelków mapy z ich serwerów.
Mark
Chciałbyś tylko Mapbox.js, jeśli korzystasz z usługi projektowania map / hostingu Mapbox.com, prawda? Innymi słowy, jeśli tworzysz niestandardową aplikację, która korzysta z usługi kafelków innej niż Mapbox, niestandardowej bazy danych itp., Czy zamiast tego użyjesz po prostu Leaflet?
Clint Harris
4
@ClintHarris. Właściwie, odkąd to napisałem pierwszy raz, sytuacja uległa jeszcze większym zmianom. Obecnie Mapbox.js jest po prostu biblioteką znajdującą się na wierzchu Leaflet, która zapewnia dodatkowe funkcje i inteligentną architekturę wtyczek. Może być używany nawet jeśli nie korzystasz z usługi projektowania / hostingu Mapbox.
psousa
Witaj. Widziałem, że ulotka używa kodu reaktywnego, chcę użyć kodu IOS / Android do mojego projektu, jak mogę to zrobić?
famfamfam,
132

Druga odpowiedź jest dobra, ale nieco przestarzała, ponieważ Mapbox znacznie się zmienił w ciągu dwóch lat.

Ulotka to JavaScript API do tworzenia interaktywnych map w Internecie. Może zintegrować się z Mapbox, ale także z wieloma innymi źródłami kafelków, takimi jak OpenStreetMap i innymi źródłami danych, takimi jak nakładki GeoJSON .

Mapbox to firma, która dostarcza usługi mapowe i technologię - jedna z tych usług, kafelki mapy , może być używana w Leaflet jako mapy podstawowe - tak samo, jak używasz kafelków Map Google w Google Maps API. Mapbox opracowuje również wtyczkę Leaflet o nazwie Mapbox.js, która ułatwia integrację z ich kafelkami, jednocześnie korzystając ze wszystkich wspaniałych funkcji Leaflet. Wspieramy również rozwój Leaflet, ponieważ pracuje tutaj opiekun .

Możesz używać Mapbox.js bez używania kafelków Mapbox i używać Leaflet z kafelkami Mapbox - można je całkowicie mieszać i dopasowywać. Dodatki Mapbox.js, takie jak obsługa TileJSON i UTFGrid , ułatwiają integrację z mapami Mapbox, ale nie zmieniają istniejącego zachowania Leaflet.

tmcw
źródło
23

Możesz myśleć o Mapbox jako o githubie z mapami

OpenStreetMaps jako git

Leaftlet jako klient git

i mapbox.js jako „GitHub dla komputerów Mac”


pozwól mi wyjaśnić więcej

OpenStreetMaps (OSM) to narzędzie typu open source do tworzenia / wyświetlania map, podobnie jak git do kontroli źródła

Mapbox to firma zajmująca się hostingiem map opartych na OSM z większą mocą, a nie tylko hostingiem, tak samo jest w przypadku github dla projektów git

Leaftlet to biblioteka umożliwiająca użytkownikom wyświetlanie / używanie map opartych na OSM w ich przeglądarkach przy użyciu usługi hostingowej OSM, tak jak każdy klient git robi z usługami hostingowymi git

mapbox.js to ulepszona biblioteka do wyświetlania / używania map hostowanych na mapbox.com, która jest już oparta na OSM, podobnie jak klient „GitHub for Mac” stworzony przez github dla projektów hostowanych na github

mam nadzieję, że to wyjaśni sprawę

Ahmed Mozaly
źródło
3

To stary post, oto moja aktualizacja.

Mapbox używa teraz ulotki jako oficjalnego interfejsu API JavaScript (nie wiem, jakie jest wewnętrzne działanie, ale ... w ogóle nie mogę odwiedzić Modest Maps, a Mapbox nie wspomina nic o Modest Map na swojej obecnej stronie internetowej) .

Weijing Jay Lin
źródło