let Data_api = "/api/02c46aae-0b7a-41e6-99da-8d69d3f3e889";
let freight = null;

let ReqData = ["Stadte", "Dorfer", "Wichtiges"];

// Post to n8n Server to get Data from Grist in JSON format.
async function GetMarkerData() {

  try {
    const res = await axios.post(api, ReqData);
    console.log (res.data);
    RenderMarkers(res.data);

  } catch (err) {
    console.error (err);
  }

}

//Render Map Markers with the Position from Grist Database
function RenderMarkers(rows){
  if (!Array.isArray(rows)) {
    console.error('Erwarte ein Array, bekam:', rows);
    return;
  }

  rows.forEach((row) => {
    const x = Number(row.X);
    const y = Number(row.Y);
    if (!Number.isFinite(x) || !Number.isFinite(y)) return;

    L.marker([y, x])        // [lat, lng] -> [Y, X]
      .addTo(map)
      .bindPopup(`<b>${row.Name ?? ''}</b>`);
  });
}


GetMarkerData();