Leaflet: Adding a vector layer from a Directus API with filter

Adding a vector layer with filter from a Directus API

Only Hellenistic and Roman sites are being displayed

Data from Kahramanmaraş Survey created by Elizabeth Carter and published on OpenContext add distributed with CC BY 4.0 International license.

import {
  MapLeaflet,
  VectorLayer,
} from "../../../modules/scms.js"

<MapLeaflet
  height="400px"
  baseLayers={["OSM"]}>

  <VectorLayer
    source={{
      directus: {
        table: "scms_ksa",
        geoField: "geometry",
        queryString: "filter[Hellenistic_Roman][_eq]=true"
      }
    }}
    name="Hellenistic and Roman Sites"
    checked={true}
    fitToContent={true}
    popupTemplate="<p><strong>${Item_Label}</strong>"
  />

</MapLeaflet>