Visualisierung von Geodaten in APEX Interactive Grid und OpenLayers

Größe: px

Ab Seite anzeigen:

Download "Visualisierung von Geodaten in APEX Interactive Grid und OpenLayers"

Hede Lorentz
vor 5 Jahren
Abrufe

1 Foto: Volker Emersleben Visualisierung von Geodaten in APEX Interactive Grid und OpenLayers DB Systel GmbH Alessandro Fondacaro T.IPI 33 Düsseldorf

2 Referent Alessandro Fondacaro Business Engineer Tel DB Systel GmbH Weilburger Str Frankfurt 2

3 DB Systel GmbH Tochter der DB AG Mitarbeiter Digitalpartner für alle Konzern-Gesellschaften Sitz in Frankfurt (weitere Standorte: Erfurt & Berlin) 3

4 Infrastrukturdaten Data-Warehouse Laden von Daten aus verschiedenen Datenquellen Erzeugen von Geometriedaten (Oracle Spatial) Aufbereiten der Daten für unterschiedliche Abnehmer, z.b. Reporting Services Visualisierung 4

5 Das Infrastrukturregister (ISR) Auskunftssystem über die Infrastruktur der Deutschen Bahn AG Besteht aus einem textlichen Teil und einer interaktiven Karte Streckenbezogenen Darstellung von Informationen 5

6 Gründe für die Neuentwicklung Vorherige Anwendungen sind technisch überholt Strukturelle Änderung bei der Datenhaltung Überarbeitung bei der Datenpflege 6

7 Warum Oracle Application Express? Daten liegen in einer Oracle-Datenbank Oracle- und speziell APEX-Kenntnisse im Projektteam Interactive Grids (IG) 7

8 Interactive Grid Eingeführt mit Apex 5.1 Darstellung von Daten in tabellarischer Form Viele Funktionen des Interactive Reports Inhalte können bearbeitet werden 8

9 Demo 9

10 Von der Idee zum Prototyp Open-Source-Komponenten Darstellung mit OpenLayers WMS / WFS Datenübertragung mit Standards Sachdaten Geodaten (Oracle Spatial) Datenfluss 10

11 WMS, WFS und GeoServer Web-Map-Service Visualisierung von Geodaten in Rasterformaten Web-Feature-Service Abfrage von Vektordaten GeoServer Implementierung der Dienste WMS und WFS 11

12 OpenLayers JavaScript-Bibliothek zur Visualisierung von Geodaten im Webbrowser Ermöglicht das Abfragen von WMS- und WFS-Diensten Die Einbindung erfolgt mit HTML und JavaScript Version:

13 Die erste Karte mit OpenLayers 13

14 Die erste Karte mit OpenLayers Im Header des Dokuments werden die notwendigen Dateien eingebunden: <head> <link rel="stylesheet" href=" type="text/css" /> <script src=" /> </head> 14

15 Die erste Karte mit OpenLayers Im Body des HTML-Dokuments wird der Bereich für die Karte definiert: <body> <div id="karte"></div> </body> 15

16 Die erste Karte mit OpenLayers Die Konfiguration der Karte erfolgt in JavaScript: var map = new ol.map({ layers: [new ol.layer.tile({source: new ol.source.osm()})], target: 'karte', view: new ol.view({center: [0, 0],zoom: 3}) }); 16

17 Die erste Karte mit OpenLayers 17

18 Verknüpfung von OpenLayers & Interactive Grid + = 18

19 Von der Karte zu den Sachdaten APEX-Item füllen APEX-Collection füllen PL/SQL- Funktion aufrufen Interactive Grid filtern 19

20 Von der Karte zu den Sachdaten [Code 1/2] Über JavaScript wird ein APEX-Item mit den IDs der selektierten Elemente gefüllt: function setzeselektierteelemente(<ids der Elemente>){ apex.item(<apex-item>).setvalue(<ids der Elemente>); } Eine DynamicAction übergibt die Werte an eine PL/SQL-Funktion: schema.package.fuellecollection(i_ids => :<APEX-Item>); 20

21 Von der Karte zu den Sachdaten [Code 2/2] Die PL/SQL-Funktion in einer DynamicAction füllt aus der Werteliste eine APEX-Collection: APEX_COLLECTION.ADD_MEMBER(p_collection_name => '<Name der Collection>',p_c001 => '<ID>'); Das Interactive Grid filtert die Datenmenge anhand der Collection: select * from sachdatentabelle where id in (select id from V_COLL_<Name der Collection>); 21

22 Von den Sachdaten zur Karte JavaScript- Funktion aufrufen Geometrie darstellen WFS-Dienst anfragen 22

23 Herausforderungen Größe der Karte Umgang mit Session-State Komplexe Verarbeitungslogik (Workflow) 23

24 Zum Ausprobieren 1. Oracle VM VirtualBox + Oracle DB Developer VM (Oracle 12c + APEX 5.1) 2. Daten im Showcase stammen aus dem Open-Data-Portal der Deutschen Bahn 3. GeoServer (aktuell Maintenance-Version) 4. Bibliotheken Openlayers [1] [2] [3] [4] 24

25 Danke! + = 25

26 Vielen Dank für Ihre Aufmerksamkeit Alessandro Fondacaro Business Engineer Tel DB Systel GmbH Weilburger Str Frankfurt

Ähnliche Dokumente

TopPlusOpen. Einbindung des Dienstes

TopPlusOpen. Einbindung des Dienstes Einbindung des Dienstes Inhaltsverzeichnis 1 Grundlegendes... 3 1.1 Kurzbeschreibung... 3 1.2 Web-Adressen... 3 2 Einbindung in Geoinformationssysteme... 4 2.1 Einbindung des WM(T)S in QGIS... 4 2.2 Einbindung