Mapbox GLメニュー（レイヤー・スイッチャー）が最初のクリックに応答しない

Question

私はmapbox glツールをビルドしています。ジオジソンマーカーの複数のレイヤーにポップアップツールチップが表示されています。私の問題は、メニューまたはレイヤースイッチャーが、各メニュー項目のユーザーによる最初のクリックに対して反応しないことです。 2回目のクリック後にのみ機能し、レイヤーのオンとオフを切り替えます。

私の開発サイト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です。