Hauptinhalt

GeoBAK-Karte

Besucheradresse:
Lessingstraße 7
02625 Bautzen

letzte Aktualisierung der Seite: Version 2.17.1

Die Komponente GeoBAK-Karte dient der Einbindung einer Karte mit einem markierten Punkt. Die GeoBak-Karte wird nicht direkt in die Seite eingebunden, sondern über die IFrame-Komponente.

JavaScript-Einbindung

Quellcode

window.additionalComponent.load('iframe', {
    el: '[data-component="8486148446"]'
});

Parameter und Attribute

Funktionsaufruf - Zeile 3:

Name Bedeutung Werte Obligatorisch
data-component Selector des HTML-Knotes an dem die Chronik-Komponente initialisiert wird. textuell, frei definierbar JA

 

HTML-Einbindung

Quellcode

<div class="box">
    <h2 class="box-header">Überschrift zur Karte</h2>
    <div class="box-body">
        <p>Optionaler, kurzer Beschreibungstext</p>
        <p class="contact contact-visitor">
            <span class="icon icon-visitor-address"></span>
            Besucheradresse:<br />
            <span class="contact-content">
                Straße und Hausnummer<br />
                Postleitzahl und Ort
            </span>
        </p>
        <div data-element="iframe"
            data-src="https://geoportal.sachsen.de/mapviewer/dynamic.html?lang=de&app=amt24&address=Archivstraße 1 01097 Dresden"
            data-attr='{"class":"geobak"}'
            data-component="8486148446">
        </div>
    </div>
    <div class="box-footer">
        <ul class="list-links">
            <li>
                <a href="https://geoportal.sachsen.de/cps/karte.html?showmap=true&lang=de&app=amt24&address=Archivstraße%201%2001097%20Dresden">
                    Link zum Geoportal Sachsenatlas
                </a><br />
            </li>
        </ul>
    </div>
</div>

Erläuterung

  • Zeile 2 definiert eine Überschrift zur Karte.
  • In Zeile 4 kann ein Beschreibungstext zur Karte angegeben werden.
  • In Zeile 5-12 ist ein Adressblock definiert. Dieser Adressblock muss angegeben werden, da die genaue Adresse nicht zwangsweise aus der Karte hervorgeht.
  • Zeile 14 beinhaltet den Link zur Karte. Der address-Parameter dient dazu eine Adresse anzugeben, die auf der Karte markiert werden soll. Es ist möglich nur einen einzigen Punkt auf der Karte zu markieren.
  • Zeile 22 beinhaltet einen Link direkt zur Karte. Die Parameter sind mit denen in Zeile 13 identisch, jedoch URL-kodiert. Die Verlinkung dient dazu die Karte separat aufzurufen.

Parameter und Attribute

Name Bedeutung Werte Obligatorisch
data-element   textuell, frei definierbar  
data-src

Beinhaltet die Karten-URL des GeoBAK zur Anzeige der Adresse. Der Parameter address beinhaltet die anzuzeigende Adresse. Die Basis-URL hierfür lautet: https://geoportal.sachsen.de/mapviewer/dynamic.html

 URL JA
data-attr CSS-Angabe für das Styling des IFrames in Kombination mit der GeoBAK. {"class":"geobak"} JA
data-component Dient der Identifikation mittels JavaScript und muss dem Wert data-component aus dem JavaScript-Code entscodechen. alphanumerischer Wert JA
zurück zum Seitenanfang