Cosa sono Leaflet e Mapbox e quali sono le loro differenze?


85

Cosa sono Leaflet e Mapbox e quali sono le differenze o gli usi di entrambi? Quali sono le principali differenze nelle loro API?

Risposte:


35

Aggiornamento (2014-08-22):

La mia risposta è leggermente obsoleta. Fare riferimento alla risposta di @ tmcw per un confronto aggiornato tra Leaflet e MapBox.


Risposta originale (2012/09/05):

Stai confrontando mele e arance.

Leaflet è "solo" un'API di mappe. Non fornisce dati / mappe in sé. Mapbox è un servizio per progettare e pubblicare mappe, in cui il risultato finale è un mucchio di tessere mappa generate memorizzate nel cloud (e alcuni file json).

Pertanto, ad esempio, puoi utilizzare le mappe Mapbox da Leaflet. Esempio

Comunque, Mapbox è sviluppato da una società chiamata DevelopmentSeed, e hanno un'API per le mappe che è effettivamente un concorrente di Leaflet, chiamata Modest Maps , anche se molto più semplice e con meno funzionalità.

Quindi, per riassumere:

  • Leaflet -> map API, nessun dato
  • MapBox -> progetta e pubblica mappe

3
Voglio solo aggiungere che MapBox ha recentemente rilasciato la propria API js: mapbox.com/mapbox.js/api/v0.6.5
threejeez

2
Solo per aggiornare le cose: l'API Mapbox ora utilizza Leaflet come API, estesa con un plug-in per recuperare le tessere della mappa dai loro server.
Mark

Vorresti Mapbox.js solo se utilizzi il servizio di progettazione / hosting di mappe di Mapbox.com, giusto? In altre parole, se stai creando un'app personalizzata che utilizza un servizio di tessere non Mapbox, un database personalizzato, ecc., Useresti invece Leaflet?
Clint Harris

4
@ClintHarris. In realtà, da quando ho scritto per la prima volta, le cose sono cambiate ulteriormente. Attualmente Mapbox.js è semplicemente una libreria in cima a Leaflet che fornisce alcune funzionalità aggiuntive e un'architettura plug-in intelligente. Può essere utilizzato anche se non stai utilizzando il servizio di progettazione / hosting di mapbox.
psousa

Ciao. Ho visto che il volantino utilizza codice reattivo, voglio usare codice IOS / Android per il mio progetto, come posso farlo?
famfamfam

134

L'altra risposta è buona ma un po 'datata, poiché Mapbox è cambiato in modo significativo in due anni.

Leaflet è un'API JavaScript per creare mappe interattive su Internet. Può integrarsi con Mapbox, ma anche con molte altre fonti di tile, come OpenStreetMap , e altre fonti di dati, come gli overlay GeoJSON .

Mapbox è una società che fornisce servizi di mappe e tecnologia - uno di quei servizi, i riquadri Mappa , può essere utilizzato in Leaflet come mappe di base - lo stesso che useresti i riquadri di Google Map nell'API di Google Maps. Mapbox sviluppa anche un plug-in Leaflet chiamato Mapbox.js che semplifica l'integrazione con i riquadri pur utilizzando tutte le fantastiche funzionalità di Leaflet. Supportiamo anche lo sviluppo di Leaflet, poiché il manutentore lavora qui .

Puoi utilizzare Mapbox.js senza utilizzare i riquadri Mapbox e utilizzare Leaflet con i riquadri Mapbox: sono completamente combinabili e abbinabili. Le aggiunte di Mapbox.js, come il supporto di TileJSON e UTFGrid , semplificano l'integrazione con le mappe Mapbox, ma non modificano il comportamento esistente di Leaflet.


23

Puoi pensare a Mapbox come al github delle mappe

OpenStreetMaps come git

Leaftlet come client git

e mapbox.js come "GitHub per Mac"


lasciatemi spiegare di più

OpenStreetMaps (OSM) è una cosa open source per creare / visualizzare mappe, proprio come git per il controllo del codice sorgente

Mapbox è una società per l'hosting di mappe basate su OSM con un po 'più di potenza piuttosto che l'hosting, che è lo stesso caso di github per progetti git

Leaftlet è una libreria che consente agli utenti di visualizzare / utilizzare mappe basate su OSM sui propri browser utilizzando il servizio di hosting OSM proprio come qualsiasi client git sta facendo con i servizi di hosting git

mapbox.js è una libreria migliorata per visualizzare / utilizzare mappe ospitate su mapbox.com, che è già basata su OSM, proprio come il client "GitHub per Mac" creato da github per i progetti ospitati su github

spero che questo chiarisca il problema


3

È un vecchio post, ecco il mio aggiornamento.

Mapbox ora utilizza il volantino come API JavaScript ufficiale (non so quale sia il funzionamento interno, ma ... non posso assolutamente visitare Modest Maps e Mapbox non menziona nulla su Modest Map sul loro sito web attuale) .

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.