POI: Informationen vervollständigen

Mit dem Ticket #11 wurde die Grundlage gelegt, damit zu jedem POI Informationen angezeigt werden können. Diese Informationen sollen jetzt detailliert werden:

Name des POI als Überschrift
Bild des POI
kurzer Text zum POI
Wenn vorhanden: Link zu weiterführenden Informationen; am besten in die Wikipedia

Die Anpassungen werden in app.js in der function configurePopup Zeile 820 ff. vorgenommen.

Die Datei wird per fetch-api eingelesen:

fetch('datei.json')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Fehler:', error));

Alternativ kann Popup-Information auch per html-Fragment eingelesen werden:

fetch('pfad/zum/html-fragment.html')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.text(); // Die Antwort als Text abrufen
  })
  .then(htmlFragment => {
    // Das HTML-Fragment in den DOM einfügen
    document.getElementById('ziel-id').innerHTML = htmlFragment;
  })
  .catch(error => {
    console.error('Beim Abrufen des HTML-Fragments ist ein Fehler aufgetreten:', error);
  });

weberius / kulturpfadservice

POI: Informationen vervollständigen #16