如何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磁贴。