queryRenderedFeatures mapbox gl-js

index.js

// set curser to pointer on icon mousehover
  map.on("mousemove", function (e) {
    var iconsUnderMouse = map.queryRenderedFeatures(e.point, {
      layers: ["nycparks-ad16j1"]
    });
    map.getCanvas().style.cursor = iconsUnderMouse.length ? "pointer" : "";
  });

  // select icon if clicked on
  map.on("click", function (e) {
    var dogIconsClicked = map.queryRenderedFeatures(e.point, {
      layers: ["nycparks-ad16j1"]
    });

    if (!dogIconsClicked.length) return;

    // reset active UI shading on sidebar listing
    var activeItem = document.getElementsByClassName("active");
    if (activeItem[0]) {
      activeItem[0].classList.remove("active");
    }
    var location = dogIconsClicked[0];
    var listing = document.getElementById(
      "listing-" + location.properties.Prop_ID
    );
    listing.classList.add("active");

    // fly camera to location and spawn popup
    flyToRun(location);
    createPopUp(location);
  });
});