Dokumentation

WA-Maps - Kartenserver

Version: 1.0
Author: Loreberry UG (haftungsbeschränkt)

Erstellt: 11 August 2021
Aktualisiert: 02 Februar 2022

Wenn Sie Fragen haben, die über den Rahmen dieser Dokumentation hinausgehen, wenden Sie sich bitte per E-Mail an support@wa-maps.de.

Wordpress Plugin

Um eine Karte von WA-Maps einzubinden, können Sie gern unser Wordpress Plugin nutzen. Zuvor müssen Sie sich auf unserer Platform registrieren und einen Lizenzschlüssel erwerben, um eine WA-Maps Karte über einen Shortcode auf Ihrer Webseite einzubinden.

Shortcode

[wa_maps id="ABCDE"]

Die "ID" erhalten Sie im Dashboard, nachdem Sie eine Karte erstellt haben.

Download

Plugin herunterladen

IFrame

Die Karte kann über ein vorgebenes Snippet, welches im Dashboard angezeigt wird, auf jeder Seite eingebunden werden.

<iframe src="https://api.wa-maps.de/v1/frame/[APIKEY]/[MAPID]" width="100%" height="500px"></iframe>

Den "APIKEY" erhalten Sie im Dashboard.

Die "MAPID" erhalten Sie im Dashboard, nachdem Sie eine Karte erstellt haben.

jQuery

Die Karte kann über ein vorgebenes Snippet, welches im Dashboard angezeigt wird, auf jeder beliebigen Seite eingebunden werden.

<script src="https://api.wa-maps.de/v1/coords_germany_states.js"></script>
<script src="https://api.wa-maps.de/v1/api_maps.js?key=[APIKEY]&map=[MAPID]"></script>
<link rel="stylesheet" type="text/css" href="https://api.wa-maps.de/v1/api_maps.css">

<div class="map-container">
    <div id="map">
    </div>
</div>

Den "APIKEY" erhalten Sie in unserem Dashboard.

Die "MAPID" erhalten Sie in unserem Dashboard nachdem Sie eine Karte erstellt haben.

Schnittstelle

Sie können auch Ihre Marker und Filter über unsere Object-Schnittstelle selbst definieren. Dazu müssen Sie lediglich wie im Abschnitt "Einbindung - jQuery" vorgehen und das Script initialisieren und danach über ein JavaScript-Object map-options definieren.

var wa_maps = {
	options: {
		style: [MAP_STYLE],
		zoom: [MAP_ZOOM],
		lat: [LATITUDE],
		lon: [LONGITUDE],
	},
	markers: {
		0 : {
			id: "[MARKER_ID]",
			lat: [LATITUDE],
			lon: [LONGITUDE],
			content: "[CONTENT]",
			icon: [ICON],
			filter: "[FILTERVALUE],[FILTERVALUE],[FILTERVALUE]",
			title: "[MARKER_TITLE]",
		},
		1 : {
			id: "[MARKER_ID]",
			lat: [LATITUDE],
			lon: [LONGITUDE],
			content: "[CONTENT]",
			icon: [ICON],
			filter: "[FILTERVALUE],[FILTERVALUE],[FILTERVALUE]",
			title: "[MARKER_TITLE]",
		},
	},
	filter: {
		0: {
			id: "[FILTER_ID]",
			options: {
				0: "[FILTER_OPTION]",
				1: "[FILTER_OPTION]",
				2: "[FILTER_OPTION]",
			},
			title: "[FILTER_NAMEN]"
		},
		1: {
			id: "[FILTER_ID]",
			options: {
				3: "[FILTER_OPTION]",
				4: "[FILTER_OPTION]",
				5: "[FILTER_OPTION]",
			},
			title: "[FILTER_NAMEN]"
		}
	}
}

Karten Optionen

Objekt	Type	Beschreibung	Value
options	`[MAP_STYLE]`	Integer: 1,2,3,4	`Standard: 1`
options	`[MAP_ZOOM]`	Integer: 1-8	`Standard: 4`
options	`[LATITUDE]`	Float	`Beispiel: 51.165691`
options	`[LONGITUDE]`	Float	`Beispiel: 10.451526`
options	`[LONGITUDE]`	Float	`Beispiel: 10.451526`

Marker Optionen

Objekt	Bezeichnung	Beschreibung	Value
markers	`[MARKER_ID]`	Zeichenkette	`Standard: 1`
markers	`[LATITUDE]`	Float	`Beispiel: 51.165691`
markers	`[LONGITUDE]`	Float	`Beispiel: 10.451526`
markers	`[CONTENT]`	Zeichenkette	`Beispiel: POP-UP Text`
markers	`[ICON]`	Integer: 1-13	`Beispiel: 1`
markers	`[FILTER]`	Zeichenkette (kommasepariert)	`Beispiel: rot,grün,blau`
markers	`[TITLE]`	Zeichenkette	`Beispiel: Titel`

Filter Optionen

Objekt	Bezeichnung	Beschreibung	Value
filter	`[ICON]`	Integer: 1-13	`Beispiel: 1`
filter	`[FILTER_OPTION]`	Object	`{option1,option2,option3}`
filter	`[FILTER_TITLE]`	Zeichenkette	`Beispiel: Titel`

Registrierung

Die Registrierung erfolgt auf der Webseite www.wa-maps.de.

Support

Bitte kontakieren Sie uns über das Kontaktformular auf www.wa-maps.de

Lizenzen

Reports

Aktuelle Bug Reports

Report ID #	Datum	Type	Status	Name
#1	19.11.2021	FEATURE	in Bearbeitung	Wordpress Plugin
#2	17.01.2022	FEATURE	--	Kopieren und einfügen der HEX Farben im Dashboard
#3	02.02.2022	BUG	in Bearbeitung	Marker Popup - Linebreaks, Umbrüche, HTML ausgabe

Changelog

Sehen Sie, was in den neuesten Versionen neu hinzugefügt, geändert, behoben, verbessert oder aktualisiert wurde.

Version 1.2 (02 Februar 2022)

hinzugefügt [Karte] - Weltkarte
hinzugefügt [Dashboard] - API Zugriffe im Kundenbereich
hinzugefügt [Dashboard] - Pro Pakete
Aktualisiert [API] - JavaScript Schnittstelle

Version 1.1 (28 Oktober 2021)

hinzugefügt [Dashboard] - Eigene Styles können hinzugefügt werden
hinzugefügt [Dashboard] - Kartenabschnitt kann definiert werden
hinzugefügt [Dashboard] - Filter kann gestaltet werden
Aktualisiert [API] - JavaScript Schnittstelle

Version 1.0 (11 August 2021)

Initial Release