javascript - 在页面滚动触发器上更新 Mapbox map

Question

这样我就成功设置了一个mapbox实例，然后我想使用触发器来调整 map 的中心点；我本质上想做的是从另一个函数内部更新 map 。我明白为什么它不起作用，我只是不知道如何修复它。

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

... map 加载得很好。后来，另一个函数(使用 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 

所以本质上，我如何从另一个函数内部将这些新信息传递到我现有的 map ？或者我对这一切都错了？

Answer 1

我对你到底想做什么有点困惑。您是否尝试从其他页面更改 map ？另外，如果您想更改您使用的 map 的中心。

map.setView([经纬度], 缩放);