Leaflet: Adding a vector layer from a Directus API

Adding a vector layer from a Directus API

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"
  center="43,13.32,11"
  baseLayers={["OSM"]}>

  <VectorLayer
    name="All Sites"
    source= {{
      table: "scms_ksa",
      geoField: "geometry"
    }}
    
    checked={true}
    fitToContent={true}
    popupTemplate="<p><strong>${Item_Label}</strong>"
  />
</MapLeaflet>