如何在点击（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');
});