MapLibre: Building a map from a JSON style and expanding it

Building a map from a JSON style and expanding it

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

import {
    MapLibre,
    VectorLayerLibre
} from "../../../modules/scms.js"

<MapLibre 
  center="37.00416,37.48551,9"
  mapStyle="/data/ksa.json"
>
  <VectorLayerLibre
    name="Sites KSA json"
    fitToContent={true}
    checked={true}
    searchInFields={{
      "Item_Label": "Label",
      "Site_Name": "Site name",
      "Site_Description": "Site description"
    }}
    style={{
      id: "ksa",
      type: "circle",
      paint: {
        "circle-radius": 4,
        "circle-color": "#000",
        "circle-stroke-width": 1.5,
        "circle-stroke-color": "#000000"
      },
    }}
  />
</MapLibre>