javascript - 如何在单击时更改 var map = L.mapbox.map (mapbox.js)

Question

我有一组 basemap 。

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

初始化 map 容器后，您必须删除此 map 才能将另一个 map 设置到同一容器。

试试这个:

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