Einbindung des Potenzialatlas Erneuerbare Energien in eigene Web-Angebote

Transkript

1 Einbindung des Potenzialatlas Erneuerbare Energien in eigene Web-Angebote Es besteht die Möglichkeit, den Potenzialatlas Erneuerbare Energien in andere Internetseiten einzubinden. So können Kommunen zum Beispiel den Potenzialatlas in ihren eigenen Internetauftritt integrieren. Insbesondere kann der Kartenausschnitt dabei so als Voreinstellung gewählt werden, dass nur eine ausgewählte Gemeinde angezeigt wird. Nachfolgend wird beschrieben, wie Sie als Webseitenbetreiber den Potenzialatlas Erneuerbare Energien in Ihre Homepage als externe Anwendung einbinden können. Dafür stehen Ihnen derzeit verschiedene Möglichkeiten zur Verfügung. Diese werden Ihnen im Folgenden vorgestellt. Bei den jeweiligen Beispielen für die Einbindung wird die Basis-URL des Potenzialatlas verwendet und ist im Quelltext jeweils fett dargestellt. Beim Aufruf dieser Basis-URL wird der Potenzialatlas in seiner Standard-Ansicht geöffnet, d.h. es wird das Thema Wind für das ganze Land Baden- Württemberg dargestellt. Falls Sie andere Einstellungen verwenden möchten, beispielsweise den Aufruf einer bestimmten Kommune (z.b. Karlsruhe) mit voreingestelltem Thema (z.b. Wasser) kann dies mit einer Erweiterung der Basis-URL um weitere Parameter umgesetzt werden. Hierbei sind die anzugebenden Parameter jeweils durch ein & abzutrennen. Die Parameter sind in der folgenden Tabelle dargestellt: Parameter Beschreibung Wert thema Definition des Themas, mit dem die Karte voreingestellt gestartet werden soll. 0 Wind 1 Solar Dachfläche 2 Solar Freifläche 3 Wasser 4 Bilanz search Dieser Wert wird an die Ortssuche weitergeleitet, d.h. hier können Ortsnamen, Adressen, Postleitzahlen etc. eingetragen werden z.b. Karlsruhe oder ex Hier wird eine Bounding-Box definiert, d.h. ein Ausschnitt der Karte in Gauß-Krüger-Koordinaten. Die Grenzen der Box werden durch die Werte xmax, ymax, xmin und ymin definiert. Der Wert wkid gibt das Koordinatensystem an und sollte nicht verändert werden. z.b. {"xmax": ,"ymax": , "xmin": ,"ymin": , "wkid":31467} 1

2 Die Parameter können auch kombiniert werden, ein Aufruf für die Stadt Karlsruhe mit dem Thema Wasser würde demnach beschrieben durch Eine Bounding-Box für die Stadt Heilbronn wird definiert durch die URL &thema=1&ex={"xmax": ,"ymax": ,"xmin": ,"ymin": ,"wkid":31467}. Hierbei sind die Koordinaten so gewählt, dass durch die Werte die Stadt Heilbronn eingegrenzt wird. Falls Sie den Standard-Aufruf des Potenzialatlas durch einen solchen modifizierten Aufruf verändern möchten, können Sie die im Folgenden fett dargestellte Basis-URL durch die von Ihnen erstellte URL ersetzen. 1. Aufruf über einen externen Hyperlink Durch eine einfache Verlinkung des LUBW-Angebots wird der RIPS-Dienst direkt von der externen Homepage aus aufgerufen. Hierbei dient der Hyperlink lediglich als Verweis auf das Dokument welches auf dem Server der LUBW gespeichert ist. Das Konzept von Hyperlinks entspricht hier funktional gesehen dem Querverweis oder der Fußnote aus der herkömmlichen Literatur. Eine solche Verlinkung kann mit der Seitenbeschreibungssprache HTML beschrieben werden. Alle Verweise in HTML haben einen einheitlichen Aufbau, unabhängig davon, ob sie zu einem Verweisziel in der gleichen Datei, zu einer anderen Datei im eigenen Projekt, zu einer beliebigen WWW-Adresse oder zu einer beliebigen Datei eines anderen Dateityps im Internet oder lokal auf dem eigenen Rechner führen. Wie ein Kartendienst der LUBW über eine solche Verlinkung angesprochen werden kann, zeigt nachfolgendes Beispiel: Dies ist Ihr Text. Der nachfolgende Link verweist <a href=" zur Karte</a>. Das Ergebnis sieht folgendermaßen aus: Die Karte wird nach Anklicken des Links standardmäßig in einer neuen Registerkarte geöffnet. 2

3 2. Einfacher Link mit vorgegebener Fenstergröße Bei dieser Variante wird das Kartenfenster in einem Fenster des Browsers geöffnet, dessen Dimension durch mitgelieferte JavaScript-Funktionen geregelt wird. Anhand des oben genannten Beispiels würde solch eine JavaScript-Erweiterung wie folgt aussehen: <head> <script type="text/javascript"> function neuesfenster(targeturl) { var NewWindow = window.open(targeturl,"karte","scrollbars=no,status=yes,toolbar=no,location=no,directories= no,resizable=yes,menubar=no,width=800,height=600,screenx=50,screeny=50,top=50,left=50"); NewWindow.focus(); } </script> </head> Dies ist Ihr Text. Der nachfolgende Link verweist <a href="javascript:neuesfenster(' Karte</a>. Die Ausgabe im Browser sieht analog der vorherigen Lösung aus, die beiden Lösungen unterscheiden sich lediglich in der Weiterverarbeitung des Links. Im obigen Quellcode wird der Hyperlink direkt in das JavaScript-Element eingebettet. Die Kartendarstellung ist dabei auf die vorgegebene Fenstergröße beschränkt, der darzustellende Inhalt passt sich dabei entsprechend an. Im Unterschied zu dem vorhergehenden Quellcode der ersten Variante werden JavaScript-spezifische Code-Elemente verwendet. Über die definierte Parameterdefinition im <script>-tag werden die Eigenschaften des Fensters spezifiziert. Die verwendeten Parameter werden immer über die Variablen yes oder no definiert und sind wie folgt belegbar: directories = "yes/no" Gibt an, ob eine Leiste mit Verzeichnis-Buttons angezeigt werden soll width=, height= Gibt Höhe und Breite des Anzeigebereiches im neuen Fenster in Pixeln an location="yes/no" Gibt an, ob das Eingabefeld zur Eingabe von URLs in den Browser angezeigt werden soll menubar="yes/no" Gibt an, ob die Menüleiste des Browsers angezeigt werden soll resizable ="yes/no" Gibt an, ob die Fenstergröße veränderbar sein soll 3

4 scrollbars="yes/no" Es werden bei Bedarf horizontale und vertikale Scrollbars angelegt status="yes/no" Gibt an, ob die Statuszeile des Browsers angezeigt werden soll toolbar="yes/no" Gibt an, ob die Browser-Leiste mit Vor- und Zurück-Button angezeigt werden soll top=, left= Position des Fensters ScreenX=, ScreenY= Gibt den Horizontal- und Vertikalwert der linken oberen Ecke des neuen Fensters in Pixeln an 3. Einbetten des Dienstes in die eigene Website über Iframes Als Erweiterung der üblichen Frames können auch Inlineframes, kurz: Iframes, verwendet werden, um Webdienste in eine Seite einzubinden. Dies geschieht in der Regel nicht, um eine Website in verschiedene Bereiche aufzuteilen, sondern eher um diese als selbstständige Dokumente in einem Unterfenster des Browsers anzuzeigen. Iframes scrollen zusammen mit dem Dokument und können dabei folglich wie normaler Text von der dargestellten Bildfläche verschwinden. Zudem verfügen Iframes, abhängig von der Dimension des Dokuments, welches im Iframe dargestellt wird, optional über eigene Scrollbalken. Allerdings ist zu beachten, dass sich dadurch Einschränkungen bei der Benutzerführung ergeben können. So kann es zum Beispiel bei der Seitennavigation, oder auch bei der Rückkehr auf den zuvor besuchten Kartenservice, zu Fehlermeldungen kommen. Zudem unterstützen Iframes keine barrierefreien Services. Nachfolgend wird ein Code-Beispiel und das entsprechende Ergebnis dargestellt: <iframe src=" width="800" height="600" name="potenzialatlas Erneuerbare Energien Baden-Württemberg"> <p>ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href=" Karte</a></p> </iframe> 4

5 Der Potenzialatlas wird hier in einem Ausschnitt der Größe 800 x 600 Pixel in eine (noch leere) Seite eingebunden. Falls Sie Fragen zur Einbindung des Potenzialatlas in Ihre Internetseite haben, können Sie sich gerne an EE-BW-Technik@lubw.bwl.de wenden. 5