Karten einbinden

Karten über Mittelpunkt-Koordinate einbinden

Lernen Sie hier, wie Sie mit Übergabe einer einzigen Koordinate eine Karte in einem von Ihnen definierten Zoomlevel einbinden können.

Karten über Bounding Box einbinden

Zentrieren Sie eine Karte nicht auf einen Punkt, sondern auf eine Region. Der passende Zoomlevel ergibt sich aus der zur Verfügung stehenden Fläche des Frames.

Kartentyp festlegen

mapz.com bietet Karten in verschiedenen Designlinien und unterschiedlichen Inhalten an. Ändern Sie zur Einbindung des gewünschten Kartentyps das Zielverzeichnis in der URL des Kartenabrufs.

Kartenauswahl einbinden

Legen Sie fest, welche Kartendesigns der Anwender auswählen kann.

Kartenauswahl und Feature einbinden

Über den Karten können weitere Ebenen mit Zusatzinformationen eingeblendet werden. Basis ist eine GeoJSON-Datei, die Sie an die API übergeben.

Elemente

Dynamischer Copyright-Hinweis

Copyright-Hinweise können lang werden, wenn mehrere Urheber genannt werden müssen. Der dynamische Copyright-Hinweis blendet sich daher erst nach einem Klick des Anwenders ein.

Statischer Copyright-Hinweis

Konfigurieren Sie den Text und die Formatierung des statischen Copyright-Hinweises.

Button Aussehen editieren

Steuern Sie Farbe, Transparenz, Hover, Alternativtext und Position der Buttons.

Zoomlevel begrenzen

Legen Sie die Zoomlevel fest, die der Anwender sehen darf.

Marker und Texte setzen

Texte und Bilder einblenden

Blenden Sie Texte- und Bilder frei positioniert in die Karte ein.

Markieren Sie Standorte mit einem Symbol.

Sie können dabei auf die umfangreiche mapz-Bibliothek zugreifen oder eigene Symbole einsetzen. Die Größe des Symbols kann über den JavaScript-Parameter scale: gesteuert werden.

Fügen Sie dem Symbol eine Callout-Box mit Text und Bild hinzu.

Hinterlegen Sie Text und optional auch ein Bild, die neben dem Marker angezeigt werden. Die Position der Box kann über den JavaScript-Parameter offset: gesteuert werden.

Machen Sie die Callout-Box interaktiv.

Das Popup öffnet sich nun erst bei einem Klick auf das Symbol.

Clustern Sie Standortsymbole

Wenn viele Standorte in einer Karte angezeigt werden sollen und sie sich überlagern würden, können Sie zusammengefasst dargestellt werden. Zoomt der Anwender weiter hinein, wird die Zusammenfassung aufgelöst.

Cluster mit Zoomfunktion

Mit einem Klick auf ein Cluster zoomt der Anwender auf den Bereich des Clusters, so dass alle Standorte des Clusters oder nötigenfalls weitere Unter-Cluster angezeigt werden.

Clustern Sie Standortsymbole mit einer Callout-Box

Ergänzen Sie Ihr Cluster um eine Callout-Box mit Informationen zu den Standorten.

Weitere Daten einbinden

mapz Portfolio Metadatenabfragen

Unser optionales Zusatzmodul mapz Portfolio ist ein kartografisches Redaktionssystem, das die Erfassung, Verwaltung und Visualisierung beliebiger Assets auf qualitativ herausragendem Kartenmaterial erlaubt. Alle in mapz Portfolio erfassten Daten können über die mapz API abgerufen und in interaktive Karten integriert werden.

GeoJSON: Linien, Flächen und Punkte einbinden

Binden Sie Punkte oder Geometrien über die Verlinkung mit einer GeoJSON-Datei in die Karte ein. Das Styling wird aus dem GeoJSON übernommen, kann von aber auch von Ihnen parametriert werden. GeoJSON-Geometrien ohne Eigenschaften erscheinen im Standard-Design von mapz.com.

GeoJSON direkt einbinden

Kleinere Geometrien können Sie direkt in den JavaScript-Code integrieren, ohne eine externe GeoJSON-Datei zu laden.

Interaktivität

Interaktive Geometrien mit Mouse-Over

Ordnen Sie Flächen- oder Linienelementen einen Mouse-Over-Effekt zu, der die Farbwerte verändert und optional auch einen Text anzeigt.

Interaktive Geometrien bei Klick

Ordnen Sie Flächen- oder Linienelementen eine Callout-Box zu, die bei einem Klick Zusatzinformationen ausgibt.

Route und Objekte nach Klick auf ein Symbol darstellen

Zeichnen Sie Objekte oder Routen ein, die sich erst durch Click auf ein Icon öffnen.

Geolocate und Auto-Geolocate

Rufen Sie beim Laden der Seite die Standortinformation des Benutzers ab und zentrieren Sie die Karte auf den Anwender. Oder erlauben Sie dem Anwender mit einem Klick auf den Geolocate-Button den eigenständigen Abruf.

Geotracking

Zeigen Sie die aktuelle Position des Anwenders und markieren Sie die Wegstrecke, die er zurücklegt.

Geotracking-Demo

Eine Simulation der Geotracking-Funktion aus der Perspektive eines Fußgängers.

Suchfunktionen

Suche in eigenen Daten

Binden Sie eine Suche ein, die in Ihren eigenen geokodierten Daten im JSON-Format sucht.

Suche in eigenen Daten frei positionieren

Binden Sie Ihre eigene Suchfunktion an einer beliebigen Stelle auf Ihrer Seite ein.