Wie zwischen MapBox wechseln und Google Maps

Question

Warum kann Schalter basemap, zwischen MapBox und Googlemaps, erhielt ich diesen Fehler in console.log():

leaflet-src.js:1981 Uncaught Error: Map container is already initialized. 

Example

Answer 1

Added

Answer 2

Sie können den Kartencontainer mit map.remove method zerstören. Aber zuerst müssen Sie einen Verweis auf die Karte beibehalten, auf die Sie später verweisen können. Wenn Sie zuerst die Karte erstellen, weisen sie zu einem var:

var MBmap = L.mapbox.map('map', 'pokaxperia.pk657nfi').setView([19.432711775616433, -99.13325428962708], 12); 

Dann, wenn Sie zu Google wechseln, können Sie die MapBox Karte zerstören. Legen Sie die folgenden in Ihrer _switchToGoogle Funktion:

if (MBmap) { 
    MBmap.remove(); 
    MBmap = false; 
} 

und ändern Sie Ihre _switchToMapbox Funktion:

function _switchToMapbox() { 
    if (!MBmap) { 
    MBmap = L.mapbox.map('map', 'pokaxperia.pk657nfi').setView([19.432711775616433, -99.13325428962708], 12); 
    } 
} 

Aktualisiert Geige:

https://jsfiddle.net/tooy7dsk/2/

Beachten Sie, dass Sie, wenn alle versuchen, zu tun ist, Hintergrundkacheln zu wechseln (dh Sie brauchen keine anderen Google Maps-Funktionen wie Streetview), Sie können ab sein le, die Google-Kacheln in Mapbox mit einer Leaflet plugin zu verwenden.