Web-GIS Vorlesung 6

• Was ist HTML und wofür wird es verwendet?

  HTML ist eine Auszeichnungssprache, die zur Strukturierung von Inhalten wie Texten, Bildern und Links verwendet wird.
• Nennen Sie zwei Dinge, die HTML NICHT ist.

  HTML ist keine Programmiersprache und keine Textverarbeitung.
• Welche Funktion haben HTML-Tags?

  Sie strukturieren den Inhalt und werden vom Browser interpretiert, aber nicht dargestellt.
• Nennen Sie drei verschiedene Textauszeichnungen in HTML und ihre Syntax.

  Fett: boldKursiv: italicUnterstrichen: underline
• Was ist Leaflet?

  Leaflet ist eine freie JavaScript-Bibliothek für WebGIS und Web Mapping Anwendungen.
• Welche Technologien verwendet Leaflet?

  Leaflet verwendet HTML5, CSS3 und JavaScript.
• Wie kann ein einfacher Leaflet-Kartenausschnitt eingebunden werden?

  var map = L.map('mapid').setView([51.505, -0.09], 13);L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
• Was ist ein Tile-Server?

  Ein Tile-Server liefert Kartendaten in Form von Raster-Kacheln (Tiles), die von Web Mapping Anwendungen verwendet werden.
• Wie können eigene Geodaten in Leaflet eingebunden werden?

  Eigene Geodaten können über GeoJSON oder WMS/WFS-Services eingebunden werden.
• Was ist eine Layer Group in Leaflet?

  Eine Layer Group erlaubt es, mehrere Kartenebenen zu gruppieren und gemeinsam zu verwalten.
• Wie können Marker in Leaflet angepasst werden?

  Marker können durch benutzerdefinierte Icons angepasst werden, z. B. durch Verwendung der L.icon-Klasse.
• Wie wird ein eigener WMS-Layer in Leaflet eingebunden?

  L.tileLayer.wms('http://yourpath.com/geoserver/ows?', { layers: 'workspace:layername', format: 'image/png', transparent: true}).addTo(map);
• Was ist der Zweck der L.control.layers-Funktion?

  Sie ermöglicht die Erstellung einer Steuerung, um zwischen verschiedenen Basiskarten und Overlay-Layern umzuschalten.
• Wie können dynamische Overlays in Leaflet integriert werden?

  Mit speziellen Plugins wie dem OverPassLayer können dynamische Datenquellen eingebunden werden.
• Warum ist GeoJSON ein beliebtes Datenformat für GIS?

  Es ist einfach, leichtgewichtig und wird von vielen GIS-Technologien unterstützt.
• Wie können GeoJSON-Daten in Leaflet verwendet werden?

  Mit der L.geoJSON-Funktion können GeoJSON-Daten auf der Karte dargestellt werden.
• Was ermöglicht das Plugin Leaflet.markercluster?

  Es bietet eine animierte Gruppierung von Markern, um die Übersichtlichkeit zu erhöhen.
• Was bedeutet WFS-T?

  WFS-T steht für 'Web Feature Service-Transactional' und erlaubt die Bearbeitung von Geodaten direkt über Web-GIS.
• Welche Bibliothek wird für WFS-T-Integration in Leaflet empfohlen?

  Die Bibliothek 'Leaflet-WFST'.
• Nennen Sie zwei Beispiele für verfügbare Leaflet-Plugins.

  Leaflet.markercluster und Leaflet-WFST.
• Wie kann ein Icon in einem Marker geändert werden?

  var customIcon = L.icon({ iconUrl: 'path/to/icon.png', iconSize: [25, 41], iconAnchor: [12, 41]});L.marker([51.505, -0.09], {icon: customIcon}).addTo(map);
• Was ist eine typische Anwendung von OverPassLayer?

  Die Darstellung von POIs (Points of Interest) aus OpenStreetMap auf einer Karte.
• Wie wird ein GeoJSON-Layer mit Popups in Leaflet eingebunden?

  L.geoJSON(geojsonData, { onEachFeature: function(feature, layer) { layer.bindPopup(feature.properties.name); }}).addTo(map);
• Welche Endgeräte und Browser sollten bei der Entwicklung berücksichtigt werden?

  Verschiedene Bildschirmauflösungen, Browser und Betriebssysteme, einschließlich mobiler Geräte.
• Warum ist die Nutzung von SelfHTML als Ressource sinnvoll?

  Es bietet umfangreiche Anleitungen und Beispiele für Webentwicklung.
• Welche Funktion hat der -Tag in HTML?

  Er dient zur Strukturierung von Inhalten in separate Bereiche oder Container.
• Was sollte im eines HTML-Dokuments für eine Leaflet-Karte enthalten sein?

  Links zu Leaflet-CSS und JavaScript sowie optionales Styling für die Karte.
• Wie kann der Zoom-Bereich einer Leaflet-Karte angepasst werden?

  Mit der minZoom- und maxZoom-Option bei der Karteninitialisierung.
• Wie sieht der grundlegende Aufbau eines HTML-Dokuments aus?

  <!DOCTYPE html><html lang="de"><head><!-- Seitenkopf --></head><body><!-- Seiteninhalt --></body></html>
• Welche URL sollte eingebunden werden, um Leaflet in einem HTML-Dokument zu verwenden?

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