マップには複数のレイヤーがあり、それぞれが特定のシンボル (Mapbox アイコン) に対応し、そのシンボルのすべてのマーカーを含んでいます。すべてのマーカーを独自のポップアップでクリックできるようにしたい。ただし、追加された最後のレイヤーのみが、ユーザーがそれらのマーカーをクリックしてポップアップを表示できるようにしますが、前のレイヤーはカバーされるため、それらのレイヤーのマーカーはクリックできません。
これがJS Fiddleです（ほとんどのコードはWebサイトの2つの例からのもので、それらを組み合わせようとしています）
https://jsfiddle.net/wy5rdwzz/
リストを切り替えてマーカーをフィルタリングできるようにするには、このコード行が必要であり、すべてのマーカーをクリック可能にする必要があります。
"filter": ["==", "marker-symbol", symbol]
追加される最後のレイヤーのマーカーだけでなく、すべてのマーカーにアクセスできるようにするにはどうすればよいですか (マーカーをクリックしてポップアップを表示できるようにするため)。
また、各マーカーに独自のレイヤーがある場合、対応するマーカーの横に各マーカーの名前を表示するにはどうすればよいでしょうか?