Was sind Leaflet und Mapbox und was sind ihre Unterschiede?

83

Was sind Leaflet und Mapbox und was sind die Unterschiede oder Verwendungen von beiden? Was sind die Hauptunterschiede in ihren APIs?

vetri02
quelle

Antworten:

35

Update (22.08.2014):

Meine Antwort ist etwas veraltet. In der Antwort von @ tmcw finden Sie einen aktuellen Vergleich zwischen Leaflet und MapBox.


Ursprüngliche Antwort (2012-09-05):

Sie vergleichen Äpfel und Orangen.

Leaflet ist "nur" eine Karten-API. Es werden keine Daten / Karten selbst bereitgestellt. Mapbox ist ein Dienst zum Entwerfen und Veröffentlichen von Karten, bei dem das Endergebnis eine Reihe von generierten Kartenkacheln ist, die in der Cloud (und einigen JSON-Dateien) gespeichert sind.

So können Sie beispielsweise Mapbox-Karten aus Leaflet verwenden. Beispiel

Wie auch immer, Mapbox wird von einer Firma namens DevelopmentSeed entwickelt und sie haben eine Karten-API, die in der Tat ein Konkurrent von Leaflet ist, genannt Modest Maps , obwohl viel einfacher und mit weniger Funktionalität.

Um es zusammenzufassen:

  • Faltblatt -> Karten-API, keine Daten
  • MapBox -> Karten entwerfen und veröffentlichen
psousa
quelle
3
Ich möchte nur hinzufügen, dass MapBox kürzlich ihre eigene js-API veröffentlicht hat: mapbox.com/mapbox.js/api/v0.6.5
threejeez
2
Nur um Dinge zu aktualisieren: Die Mapbox-API verwendet jetzt Leaflet als API, erweitert um ein Plugin, um Kartenkacheln von ihren Servern abzurufen.
Mark
Sie möchten Mapbox.js nur, wenn Sie den Kartendesign- / Hosting-Service von Mapbox.com verwenden, richtig? Anders ausgedrückt: Wenn Sie eine benutzerdefinierte App erstellen, die einen Nicht-Mapbox-Kacheldienst, eine benutzerdefinierte Datenbank usw. verwendet, verwenden Sie stattdessen nur Leaflet?
Clint Harris
4
@ ClintHarris. Seit ich das geschrieben habe, haben sich die Dinge sogar noch weiter verändert. Derzeit ist Mapbox.js einfach eine Bibliothek über Leaflet, die einige zusätzliche Funktionen und eine intelligente Plugin-Architektur bietet. Es kann auch verwendet werden, wenn Sie den Design- / Hosting-Service von mapbox nicht verwenden.
Psousa
Hallo. Ich habe gesehen, dass die Broschüre reaktiven Code verwendet. Ich möchte IOS / Android-Code für mein Projekt verwenden. Wie kann ich das tun?
Famfamfam
131

Die andere Antwort ist gut, aber etwas veraltet, da sich Mapbox in zwei Jahren erheblich verändert hat.

Leaflet ist eine JavaScript-API, mit der Karten im Internet interaktiv gestaltet werden können. Es kann in Mapbox integriert werden, aber auch in viele andere Kachelquellen wie OpenStreetMap und andere Datenquellen wie GeoJSON-Overlays .

MapBox ist eine Firma , die Kartendienste und Technologie bietet - einen dieser Dienste, Kartenkacheln können in Prospekt verwendet werden als Basis - Karten - wie würden Sie verwenden Google Map Fliesen in der Google Maps API. Mapbox entwickelt außerdem ein Leaflet-Plugin namens Mapbox.js , das die Integration in die Kacheln vereinfacht und gleichzeitig die großartigen Funktionen von Leaflet nutzt. Wir unterstützen auch die Entwicklung von Leaflet, da der Betreuer hier arbeitet .

Sie können Mapbox.js verwenden, ohne Mapbox-Kacheln zu verwenden, und Leaflet mit Mapbox-Kacheln verwenden - sie können vollständig gemischt und angepasst werden. Die Ergänzungen von Mapbox.js, wie die Unterstützung von TileJSON und UTFGrid , erleichtern die Integration in Mapbox-Karten, ändern jedoch nicht das vorhandene Verhalten von Leaflet.

tmcw
quelle
23

Sie können sich Mapbox als den Github der Karten vorstellen

OpenStreetMaps als Git

Leaftlet als Git-Client

und mapbox.js als 'GitHub für Mac'


Lass mich mehr erklären

OpenStreetMaps (OSM) ist eine Open-Source-Funktion zum Erstellen / Anzeigen von Karten, genau wie Git für die Quellcodeverwaltung

Mapbox ist ein Unternehmen, das OSM-basierte Karten mit etwas mehr Leistung als nur Hosting hostet. Dies gilt auch für Github für Git-Projekte

Leaftlet ist eine Bibliothek, mit der Benutzer OSM-basierte Karten in ihren Browsern mithilfe des OSM-Hosting-Dienstes anzeigen / verwenden können, genau wie es jeder Git-Client mit Git-Hosting-Diensten tut

mapbox.js ist eine erweiterte Bibliothek zum Anzeigen / Verwenden von auf mapbox.com gehosteten Karten, die bereits auf OSM basiert, genau wie der von github für die bei github gehosteten Projekte erstellte 'GitHub for Mac'-Client

hoffe, dies klärt das Problem

Ahmed Mozaly
quelle
3

Es ist ein alter Beitrag, hier ist mein Update.

Mapbox verwendet jetzt eine Broschüre als offizielle JavaScript-API (ich weiß nicht, was intern funktioniert, aber ... Ich kann Modest Maps überhaupt nicht besuchen, und Mapbox erwähnt auf ihrer aktuellen Website nichts über Modest Map). .

Weijing Jay Lin
quelle