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.