Was sich ändert.

Mit cta-target="overlay" öffnen der Knopf „Auf großer Karte ansehen“, die Bühnenkarte und die Details in den Popups die große Karte als Dialog über eurer Seite: am Schreibtisch mit Rand, am Telefon bildschirmfüllend. Zurück geht es mit „Zurück zur Seite“, mit Escape oder mit einem Klick daneben, und eure Seite steht da, wie eure Gäste sie verlassen haben. Voraussetzung ist, dass wir eure Website in der Konfiguration eurer Karte eintragen. Fehlt der Eintrag oder blockiert eure Content-Security-Policy den Rahmen, öffnet das Widget wie bisher einen neuen Tab. Außerdem schreiben Karte und Widget Strecken und Flächen jetzt in der jeweiligen Sprache. Was ihr tun müsst: nichts, die Vertragsversion bleibt 2. Wer das Overlay will, setzt das Attribut und nennt uns die Adresse der Seite. Ansehen könnt ihr es als Variante 14 im Showcase, die Einzelheiten stehen unter Die große Karte über Ihrer Seite.

Wer eine Reichweite aufzieht oder eine Auswahl trifft, sieht jetzt nur noch die Orte und Touren, die dazugehören. Alles andere tritt zurück, und die Karte nennt, wie viele Orte und Touren übrig bleiben. Touren zeigen ihre Wegpunkte als nummerierte Marker, jeder mit eigenem Popup, und das Höhenprofil trägt dieselben Nummern. Probiert es aus: Reichweite in der Demo ziehen

Das Widget holt die Icons der Popups jetzt aus dem Deploy der jeweiligen Destination und fällt sonst auf die mitgelieferten zurück. Ein neues Icon oder ein neu gezeichneter Marker ist damit sofort sichtbar, ohne Widget-Release und ohne bis zu einer Stunde Cache. Ein langes cta-label wird jetzt mit Auslassungspunkten gekürzt, statt umzubrechen. Was ihr tun müsst: nichts, die Vertragsversion bleibt 2. Den aktuellen Stand nennt die Versionsübersicht.

Seit 0.23.0 sind --pm-widget-accent, --pm-widget-text, --pm-widget-surface und --pm-widget-font stabile Namen, neben dem bestehenden --pm-widget-radius. Ihr setzt sie am Widget oder an einem Vorfahren. Ohne Angabe bleibt alles wie bisher, und --pm-widget-font geht der Schrift der Destination vor. Die internen --color-*-Namen sind kein Vertrag und können sich ändern. Details: CSS-Variablen.

Ein Embed mit poi-ids, tour-ids, accommodation-ids, event-ids oder experience-ids passt den Ausschnitt seit 0.22.0 nach dem Laden an die gewählten Datensätze an. Ein einzelner Datensatz steht in der Mitte, fit-max-zoom begrenzt die Tiefe (Vorgabe 14). Bisher blieb die Karte auf dem Startausschnitt der Destination, und die Auswahl lag oft außerhalb des Bildes. Was ihr tun müsst: nichts, außer ihr wollt den alten Ausschnitt behalten, dann gehören center und zoom beide ans Embed. Kategorie-Listen lösen die Anpassung nicht aus.

Der Ausflugsplaner plant Tagesausflüge jetzt auch mit Bus und Bahn. Zwischen den Stationen sucht pixel.map die passenden Verbindungen samt Umstiegen. Damit lässt sich ein ganzer Tag ohne Auto planen, überall dort, wo eure Region Fahrplandaten hat.

booking-cta ist seit 0.21.0 eine Liste aus pois, accommodations, events und experiences, die Vorgabe ist leer, die Vertragsversion steigt auf 2. Fehlt das Attribut, trägt kein Popup mehr einen Link, auch nicht den Seitenlink aus 0.19.0. Was ihr tun müsst: das Attribut ausdrücklich setzen, etwa booking-cta="auto" für alle Typen mit Vorlage, und Werkzeuge prüfen, die den Vorgabewert beim Serialisieren weglassen. Neu sind Links für Unterkünfte, und seit 0.19.0 zeichnet tour-route="always" die Tourlinie sofort. Details: Attribute des Widgets.

Die große Karte und das Widget können jetzt die Schrift eurer Marke tragen, eingerichtet je Destination. Im Widget kann ein Popup außerdem auf eure eigene Seite zum Ort oder zur Veranstaltung verlinken. Popups öffnen als Dialog, schließen mit Escape und zeigen den Tastaturfokus deutlich. Den Namen der Karte lesen Screenreader in der Sprache der Seite vor.

Gäste sammeln im Ausflugsplaner Orte und Touren, pixel.map macht daraus jetzt einen Tagesplan: eine Übersichtskarte mit der ganzen Route und die Stationen als Zeitstrahl. Den Plan drucken Gäste aus oder speichern ihn als PDF. Die Wege dazwischen rechnet pixel.map mit dem Auto, zu Fuß oder mit dem Rad. Probiert es in der Demo: Tagesausflug planen

Eine Reichweite lässt sich jetzt als Link weitergeben. Wer ihn öffnet, sieht denselben Startpunkt, dasselbe Verkehrsmittel und dieselbe Zeit. Ein Link kann außerdem die Sprache vorgeben, in der die Karte startet: Deutsch, Englisch, Französisch, Italienisch oder Niederländisch. So landen Gäste aus einem niederländischen Newsletter gleich in ihrer Sprache. Wie die Reichweite entsteht, erklärt die Seite Erreichbarkeitskarte.