在页面滚动触发器上更新Mapbox映射

Question

所以我成功设置了一个mapbox实例，然后我想用一个触发器来调整地图的中心点;我实际上要做的是从另一个函数内部更新地图。我理解为什么它不起作用，我只是不知道如何解决它。

L.mapbox.map('mapbox', 'mjchamplin.igp7fgmn', { scrollWheelZoom: false, dragging: false, center: [instaLat, instaLon], zoom: 12});

...地图加载很棒。稍后，另一个函数（使用https://github.com/alvarotrigo/fullPage.js）：

$('#fullpage').fullpage({

...

    onLeave: function(index, nextIndex, direction){
    //after leaving section 1
        if(index == '1' && nextIndex == '2' && direction =='down'){
                    console.log("Going to section 2!");
                    map.centerzoom({ lat: 38.9, lon: -77.03 }, 5);

        }               
    }
}); 

在控制台中返回此错误：

Uncaught TypeError: Cannot read property 'centerzoom' of undefined 

基本上，我如何从另一个函数内部将这些新信息传递给我现有的地图？或者我这样做是错的？

Answer 1

我对你要做的事情感到有点困惑。您是否尝试从其他页面更改地图？此外，如果您想更改您使用的地图的中心。

map.setView（[lat，long]，zoom）;