javascript - MapBox GL JS : Make a non-interactive map interactive

Question

在我的网络应用程序中， map 最初设置为非交互式(用户无法在 map 上移动):

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/dark-v10',
    zoom: 11,
    interactive: false
});

但是，当用户单击一个按钮时，我希望 map 变为交互式(用户可以在 map 上四处移动)。我已经尝试将交互属性设置为 true，但它不起作用:

map.interactive = true;

有什么建议吗？

Answer 1

您是正确的，因为您在实例化 map 实例后无法更改 interactive 选项。所以看起来你有几个选择:

1) 实例化一个新的非交互式 map 并替换交互式 map 。

2) 在您的 map 容器元素上禁用 pointer-events css 规则，如问题跟踪器中所述:https://github.com/mapbox/mapbox-gl-js/issues/7992

祝你好运!