3D-Karten anpassen

Mit cloudbasiertem Gestalten von Karteninhalten können Sie das Erscheinungsbild der 3D-Grundkarte anpassen.

Mit cloudbasierten Kartenstilen können Sie das Erscheinungsbild der Karte steuern, die Nutzern angezeigt wird. Sie können die Anzeigedichte von POIs anpassen, bestimmte POI-Kategorien entfernen und die Füllung oder den Strich von Elementen ändern, um eine Karte zu erstellen, die auf Ihre Nutzer zugeschnitten ist.

Das cloudbasierte Gestalten von Karteninhalten ermöglicht die Bearbeitung ohne Code in der Google Cloud Console. Änderungen, die Sie in der Maps Console 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 Erholungsgebiete in Orange zu ändern:

async function initMap() {
    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',
        mode: 'HYBRID',
        gestureHandling: "COOPERATIVE"
    });
    document.body.append(map);
}
initMap();
index.js

Übersicht

Das Anpassen von 3D-Karten mit cloudbasierten Kartenstilen funktioniert genauso wie bei 2D-Karten:

1 Karten-ID erstellen Karten-ID erstellen Karten-IDs werden an Ihre Anwendung übergeben, um das Styling 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 den 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 ausführliche Anleitung zum Erstellen von Kartenstilen finden Sie unter Kartenstile erstellen und verwenden.

Beschränkungen

Bei der Verwendung von cloudbasiertem Gestalten von Karteninhalten mit 3D-Karten in Maps JavaScript sind einige Einschränkungen zu beachten:

  • Der dunkle Modus wird nicht unterstützt.
  • Funktionen, die eine Karten-ID erfordern, z. B. datengestützte Stile, werden nicht unterstützt.