Mapbox GL菜单（图层切换器）不响应首次点击

Question

我正在构建一个mapbox gl工具，使用弹出工具提示显示多层geojson标记。我的问题是菜单或图层切换器没有响应用户首先点击每个菜单项。只有在第二次点击后才能正常工作，打开和关闭图层。

在我的开发网站here上查看问题。

正确指导任何和所有帮助或要点。非常感谢！

Answer 1

问题在于如何检查图层的visibility属性。 首次点击visibility媒体资源为undefined：

要解决此问题，您可以在图层上明确定义初始visibility：

    map.addLayer({
        "id": "Colleges with campus programs",
        "type": "symbol",
        "source": "Colleges with prison programs",
        "layout": {
            "visibility": "visible", // <======= add default visibility
            "icon-image": "college-marker",
            "icon-size": 0.5,
            "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
            "text-offset": [0, 0.6],
            "text-anchor": "top"
        },
    });

这是related mapbox-gl example。