如何mapbox之間和谷歌地圖

Question

爲什麼不容開關底圖，mapbox和谷歌地圖之間切換，我收到的console.log）這個錯誤（：

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

Example

Answer 1

新增

 map.remove(); 
     $('.basemap').append(' <div id="map"></div>'); 

Answer 2

您可以使用map.remove method銷燬地圖容器。但首先，你需要保留一個可以參考的地圖。當你第一次創建地圖，它分配給一個var：

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

然後，當你切換到谷歌，你可以摧毀Mapbox地圖。把下面的你_switchToGoogle功能：

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

，改變你的_switchToMapbox功能：

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

更新小提琴：

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

請記住，如果你正在嘗試要做的是切換背景瓷磚（即你不需要其他谷歌地圖功能，如街景），你可能會ab請使用的Mapbox中的Google磁貼。