Widget:GOV-Test

Laden der GOV-Seite mit Javascript (fetch)

<script>

 fetch('https://gov.genealogy.net/item/show/HOHAUSJO30MX')
   .then(response => response.text())
   .then(data => {
     document.getElementById('gov-content').innerHTML = data;
   })
   .catch(error => {
     console.error('Error loading GOV content:', error);
   });

</script>

Laden der Übersichtskarte mit Javascript (fetch)

<script>

 const mapUrl = 'https://gov.genealogy.net/item/map/HOHAUSJO30MX';

 fetch(mapUrl)
   .then(response => {
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }
     return response.blob();
   })
   .then(blob => {
     const mapObjectUrl = URL.createObjectURL(blob);

     const imgElement = document.createElement('img');
     imgElement.src = mapObjectUrl;
     imgElement.alt = 'Karte';
     imgElement.style.maxWidth = '100%';
     imgElement.style.height = 'auto';

     document.getElementById('map-content').appendChild(imgElement);
   })
   .catch(error => {
     console.error('Error loading map:', error);
   });

</script>

Laden der Grafik mit übergeordneten Objekten mit Javascript (fetch)

<script>

 const relationshipGraphUrl = 'https://gov.genealogy.net/item/relationshipGraph/HOHAUSJO30MX?full-size=1';

 fetch(relationshipGraphUrl)
   .then(response => {
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }
     return response.blob();
   })
   .then(blob => {
     const graphObjectUrl = URL.createObjectURL(blob);

     const imgElement = document.createElement('img');
     imgElement.src = graphObjectUrl;
     imgElement.alt = 'Beziehungsgraph';
     imgElement.style.maxWidth = '100%';
     imgElement.style.height = 'auto';

     document.getElementById('relationship-graph-content').appendChild(imgElement);
   })
   .catch(error => {
     console.error('Error loading relationship graph:', error);
   });

</script>

Leaflet-Karte

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" /> <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script> <script>

 // Initialisierung der Leaflet-Karte
 var map = L.map('leaflet-map').setView([50.9812, 7.0326], 12);

 // OpenStreetMap-Tiles hinzufügen
 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
   attribution: '© OpenStreetMap contributors',
   maxZoom: 18
 }).addTo(map);

 // Optional: Marker hinzufügen
 L.marker([50.9812, 7.0326]).addTo(map)
   .bindPopup('GOV-Standort
50.9812, 7.0326.')
   .openPopup();

</script>

Einfaches HTML (nur Hyberlink auf GOV)

Hello World

Die GOV-Daten <a href="https://gov.genealogy.net/item/show/HOHAUSJO30MX">finden Sie hier</a>.

Aufruf von GOV mit Object

<object data="https://gov.genealogy.net/item/show/HOHAUSJO30MX" width="600" height="400"></object>