3D-Karten anpassen

Mit dem Cloudbasierten Gestalten von Karteninhalten können Sie das Erscheinungsbild der 3D-Basiskarte anpassen.

Mit dem Cloudbasierten Gestalten von Karteninhalten haben Sie die Kontrolle über das Erscheinungsbild der Karte, die Sie Nutzern präsentieren. Sie können Funktionen wie die Anzeigedichte von POIs steuern, bestimmte POI-Kategorien entfernen und die Füllung oder den Strich von Features ändern, um eine Karte zu erstellen, die auf Ihre Nutzer zugeschnitten ist.

Cloudbasiertes Gestalten von Karteninhalten bietet eine No-Code-Bearbeitung in der Google Cloud Console. Jeder benutzerdefinierte Stil, den Sie erstellen, ist mit einer Karten-ID verknüpft. Änderungen, die Sie in der Kartenkonsole an Ihrem Stil vornehmen, werden automatisch in Ihrer Anwendung angezeigt.

Im folgenden Beispiel wird eine Karte mit einem benutzerdefinierten Stil verwendet, um die Farbe der Symbole und des Texts für Erholungsfeatures in Orange zu ändern:

async function init() {
    const { Map3DElement } = await google.maps.importLibrary('maps3d');

    const map = new Map3DElement({
        center: {
            lat: 37.75183154601466,
            lng: -119.52369070507672,
            altitude: 2200,
        },
        tilt: 67.5,
        heading: 108.94057782079429,
        range: 6605.57279990986,
        mapId: 'bcce776b92de1336e22c569f', // Styles are associated with map IDs.
        mode: 'HYBRID',
        gestureHandling: 'COOPERATIVE',
    });

    document.body.append(map);
}

void init();

Übersicht

Die Anpassung von 3D-Karten mit dem cloudbasierten Kartenstil erfolgt genauso wie bei 2D-Karten:

1 Karten-ID erstellen Eine Karten-ID erstellen Karten-IDs werden an Ihre Anwendung übergeben, um den Stil zu verarbeiten. In den folgenden Schritten verknüpfen Sie einen benutzerdefinierten Stil mit dieser Karten-ID.
2 Cloudbasierten Kartenstil erstellen In diesem Schritt müssen Sie „3D-Hybrid“ auswählen und den „hellen Modus“ verwenden.
3 Kartenstil mit einer Karte verknüpfen Verknüpfen Sie Ihren Stil mit der Karten-ID, die Sie in Schritt 1 erstellt haben.
4 Karten-ID zur Anwendung hinzufügen Geben Sie die Karten-ID in Ihrem Code mit dem Parameter map-id an.
5 Karten-ID veröffentlichen Änderungen an Ihrem benutzerdefinierten Stil werden nach der Veröffentlichung automatisch in Ihre Anwendung übernommen.

Eine detaillierte Anleitung zum Erstellen von Kartenstilen finden Sie unter Kartenstile erstellen und verwenden.

Beschränkungen

Bei der Verwendung des Cloudbasierten Gestaltens von Karteninhalten mit 3D-Karten in der Maps JavaScript API gibt es bestimmte Einschränkungen:

  • Der dunkle Modus wird nicht unterstützt.
  • Funktionen, die Karten-IDs verwenden, wie z. B. datengestützte Stile, werden nicht unterstützt.