如何在點擊（mapbox.js）時更改var map = L.mapbox.map

Question

我有一個底圖集。

var map = L.mapbox.map('map', 'wmarci.i6n42nl5', {
    fullscreenControl: true,
    fullscreenControlOptions: {
    position: 'topleft'
  }
}).setView([38.8929,-100.0252], 4);

我如何將其更改為然后單擊＃2012即可更改該變量？

下列，

$('#2012').click(function(){
    map = L.mapbox.map('map', 'wmarci.hao88g0d')
}); 

似乎沒有用...

Answer 1

初始化地圖容器后，您必須刪除此地圖才能將另一個地圖設置為同一容器。

嘗試這個：

$('#2012').click(function(){
    map.remove();//<<Here comes the magic!
    map = L.mapbox.map('map', 'wmarci.hao88g0d');
});