Leaflet: Adding a vector layer from a Directus API

Adding a vector layer from a Directus API

<MapLeaflet
  height="400px"
  center="43,13.32,11"
  baseLayers={["OSM"]}>
  <VectorLayer
    name="All Sites"
    source={{
            directus: {
              table: "scms_ksa",
              geoField: "geometry"
            }
          }}
    checked={true}
    fitToContent={true}
    popupTemplate={`<p><strong>${Item_Label}</strong>`}
  />
</MapLeaflet>

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