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

Question

在我的 Web 应用程序中，最初将 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 实例后无法更改交互式选项。所以看来你有几个选择:

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

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

祝你好运!