Das Karten-Embed

Zusammenfassung des Vorgehens

1. Einloggen (siehe 1.)
2. Plus-Symbol im Dashboard bei „Projekte/Kartenansichten“ klicken
3. Titel vergeben
4. Projekt anlegen klicken
5. Gewünschte Einstellungen vornehmen
6. Quellcode-Schnipsel kopieren
7. Funktion prüfen
8. Projekt auf „nicht privat“ setzen

Detailliertes Vorgehen

Login / Registrierung

1. Log-in unter saint.tech/login bzw. Konto anlegen (bei Konto anlegen muss noch freigeschaltet werden usw.)

Projekt/Kartenansicht erstellen

1. Auf das Plus bei „Projekte/Kartenansichten“ im Dashboard klicken.
2. Die Projektansicht
   1. Titel – Name des Kartenprojekts, sollte wiedererkennbar sein
   2. Die Beschreibung Ihres Kartenprojekts
   3. Projekt Key – ein interner Schlüssel zur Zuordnung der Projekte zu Datenströmen
   4. Domains – auf welchen Domains soll die Karte eingebunden werden. Dieses Feld dient zur Übersicht, falls Sie unterschiedliche Kartenausschnitte für verschiedene Webseiten anlegen.
   5. Button „Projekt/Kartenansicht anlegen“ – speichert die gewählten Einstellungen

Filter voreinstellen

1. POIs, Touren, Aktionen, TopTipps, Standorte, Touristische Daten, Beliebige Daten – Checkbox „Datentyp ist verfügbar“: der jeweilige Datentyp wird im Frontend angezeigt. Touristische Daten kombinieren Touren und Standorte, Beliebige Daten bieten alle Daten an. Soll nur eine Kategorie angezeigt werden, müssen Beliebige Daten & Touristische Daten auch abgewählt werden. „Ausklappen“-Button öffnet die Detailansicht zur Datenkategorie.
   1. Kategorie – hier können die Daten weiter eingeschränkt werden. Es können Vorgabewerte ausgegeben werden UND dem Nutzer die Möglichkeit gegeben werden, diese zu verändern. Dazu Checkbox „Kann durch Nutzer verändert werden“ ausgewählt lassen. Ist die Checkbox leer, werden dem Nutzer nur Daten aus den ausgewählten Kategorien angezeigt.
   2. Umkreis: Hier kann der Umkreis um den Kartenmittelpunkt eingeschränkt werden. Wie bei der Kategorie kann die Vorgabe durch den Nutzer veränderbar sein oder nicht.
   3. Name/Titel: Hier kann die Ausgabe auf bestimmte Treffer eingeschränkt werden, die den gewählten Ausdruck enthalten. Wie bei der Kategorie kann die Vorgabe durch den Nutzer veränderbar sein oder nicht.
   4. Eigenschaften: Anzuzeigende Treffer müssen bestimmte Parameter erfüllen. Wie bei der Kategorie kann die Vorgabe durch den Nutzer veränderbar sein oder nicht.
   5. Region – schränkt die Treffer auf die ausgewählte Region ein. Wie bei der Kategorie kann die Vorgabe durch den Nutzer veränderbar sein oder nicht.
   6. Ergebnisse pro Seite – kann reduziert werden. Ein Wert jenseits von 25 ist nicht empfohlen, weil die Ladezeiten steigen. Weitere Treffer können im Frontend jederzeit nachgeladen werden.
2. Allgemein
   1. Standard-Entitätstyp: welcher Typ Daten soll standardmäßig auf der Karte geladen werden (Nutzer können das verändern)
   2. Kartenmittelpunkt: setzt den Mittelpunkt der Kartendarstellung fest (ist unter Karteneinstellungen allerdings komfortabler zu ändern)
   3. Sprache: Interfacesprache des Kartensnippets (DE/EN)
   4. Ergebnisse pro Seite: siehe a.viii
   5. Speichern-Button: Sichert die Einstellungen

Karte konfigurieren

1. Initialisierung der Karte
   1. Längengrad/Breitengrad – legt den Mittelpunkt der Karte fest
   2. Kartenstil – legt den verwendeten Kartenstil fest
   3. Zoom – Zoomstufe des Kartenausschnitts (von 0 bis 20)
   4. Ausrichtung – Abweichung von Nord-Süd-Ausrichtung in Grad (-180 bis 180)
   5. Neigung – Neigung des „Kartentischs“ einstellen (von 0 bis 85 Grad)
   6. Button: Vorschau zurücksetzen – setzt die Vorschau auf die gewählten Werte zurück
   7. Button: Aktuelle Ansicht übernehmen – übernimmt die Ansicht des Vorschaufensters in die obigen Werte (man kann also über die Werte oder das Vorschaufenster Einstellungen vornehmen)
   8. Button „Karteninteraktion einschränken“ – blendet Untermenü ein (siehe 5b)
2. Karteninteraktion einschränken
   1. Längengrad min/max – legt eine westliche und östliche Längengradgrenze fest; innerhalb der Werte kann der Kartenmittelpunkt verschoben werden
   2. Breitengrad min/max – legt eine nördliche und südliche Breitengradgrenze fest; innerhalb der Werte kann der Kartenmittelpunkt verschoben werden
   3. Zoom min/max – begrenzt die auswählbaren Zoomstufen
   4. Ausichtung min/max – begrenzt die mögliche Kartendrehung
   5. Neigung min/max – begrenzt mögliche Kartenneigung
   6. Button „Alle Interaktionseinschränkungen entfernen“ – setzt die Werte auf Grundeinstellungen zurück und blendet das Untermenü aus
3. Kartenvorschau – zeigt die Vorschaukarte entsprechend der darüber gewählten Einstellungen (und der Filtereinstellungen) an. Hier vorgenommene Änderungen können per Button „Aktuelle Ansicht übernehmen“ festgesetzt werden (siehe 5a vii)
4. Konfiguration des JavaScript-Snippets
   1. Sprache – legt Sprache des Kartensnippets fest
   2. ID des Container-Elements – benennt das Containerelement. Kann verändert werden, um an etwaige Vorgaben angepasst zu werden

Karten-Snippet in Webseite kopieren

1. JavaScript-Snippet kopieren – Script-Code kopieren und im Header der eigenen Seite hinterlegen; dieser Codeabschnitt lädt das Script beim Aufrufen der eigenen Seite
2. HTML-Snippet kopieren – dieses Snippet in den Bereich der Seite einfügen, an dem das Kartensnippet angezeigt werden soll
3. Projekt auf „nicht privat“ setzen
   Wenn alle Einstellungen zufriedenstellend sind und das Snippet auf der Website funktioniert, zurück auf die Projektansicht der Karte wechseln und Haken bei „Projekt ist privat“ entfernen. Damit können alle Mitglieder der eigenen Organisationseinheit, die Karten bearbeiten dürfen, auch dieses Projekt bearbeiten. Vorher ist das Projekt an den zugehörigen Benutzer gebunden!
4. SAiNT-Widget im Cookie-Banner berücksichtigen
   Nach der Einbindung des Widgets müssen Sie die Einbindung auch im Cookie-Banner berücksichtigen. Dabei sollte SAiNT als Drittanbieter eingeordnet werden. Das Widget setzt allerdings lediglich einen Session-Cookie. Dieser wird gesetzt, um die Funktion des Widgets sicherzustellen. Der Cookie wird nicht für Statistiken oder Tracking genutzt.
   Wir empfehlen, das SAiNT-Widget und den dazugehörigen Cookie als Funktional bzw. Notwendig einzustufen. Das Widget kann damit auch standardmäßig geladen werden.
   Als Informationstext schlagen wir vor: „SAiNT stellt offene Daten zu POIs, Touren, Veranstaltungen und Gewerbeflächen bereit. Es wird lediglich ein Sessioncookie gesetzt, der nicht für Statistiken oder Tracking genutzt wird, sondern lediglich die Funktionalität sicherstellt.“
5. SAiNT-Widget in der Datenschutzerklärung berücksichtigen
   Wir empfehlen die folgende Formulierung in die Datenschutzerklärung aufzunehmen:
   
   Einbindung des SAiNT-Widgets
   Unsere Website nutzt ein Widget der Open-Data-Plattform SAiNT, um interaktive Inhalte und Funktionen bereitzustellen. Beim Laden des Widgets werden Inhalte direkt von saint.tech nachgeladen und angezeigt.
   Dabei erfolgt eine statistische, nicht-personenbezogene Auswertung der Nutzung des Widgets ausschließlich auf den Servern von SAiNT. Es werden keine personenbezogenen Daten an SAiNT übermittelt.
   Das Widget setzt technisch notwendige Session-Cookies und nutzt den Session Storage zur Zwischenspeicherung von Nutzereinstellungen. Eine darüberhinausgehende Speicherung oder Verarbeitung personenbezogener Daten erfolgt nicht.
   Das Widget enthält Kartenmaterial von Mapbox. Der Anbieter Mapbox verarbeitet Daten im Rahmen eines Auftragsverarbeitungsvertrags mit SAiNT unter Einhaltung der EU-Standardvertragsklauseln (SCCs).
   Sofern der Nutzer dem Zugriff auf seinen Standort über den Browser aktiv zustimmt, wird der Standort für personalisierte Suchergebnisse und Reiseempfehlungen genutzt. Die Standortabfrage erfolgt direkt über den Browser und kann jederzeit verweigert oder widerrufen werden.
   Für die Berechnung von ortsbezogenen Empfehlungen kann zudem das aktuelle Wetter am Standort berücksichtigt werden. Dabei werden keine personenbezogenen Daten an den Wetterdienst-Anbieter übermittelt, da sämtliche Anfragen über einen Proxy-Server laufen.
   Weitere Informationen zu den Datenschutzbestimmungen von SAiNT finden Sie unter: saint.tech/datenschutz.