SAiNT Logo

Das Karten-Embed

SAiNT bietet Ihnen die Möglichkeit, einen eigenen Kartenausschnitt anzulegen, den Sie auf Ihrer Website einbinden können. Zahlreiche Einstellungsmöglichkeiten sollen Ihnen dabei helfen, den Ausschnitt an Ihre Bedürfnisse anzupassen.

Das nachstehende Video bietet Ihnen einen Überblick über den gesamten Vorgang vom Anlegen eines Kontos bis hin zum Einbinden auf Ihrer Website.
Art der Einbindung
JavaScript-Embed
Schwierigkeitsgrad
einfach
Geeignet für
alle Webseiten
Kosten
kostenlos nach Registrierung
Funktion
Kartendarstellung
Datensätze
POITourenTopTippsGewerbegebieteMischgebieteIndustriegebieteSondergebiete
Status
online

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 Java-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. Java-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!
© 2024 SAiNT
API Doku­menta­tion Impressum Nutzungsbedingungen Datenschutzerklärung