Guinguette Marais Poitevin

Diese Seite zeigt, wie Sie Ihre Karte anpassen und die visuelle Darstellung von Elementen wie Straßen, Parks und Gebäuden ändern können. Passen Sie Ihre Karte mit den folgenden Tools an:

• Cloud-basierte Tools (Beta): Verwenden Sie die Google Cloud Console, um Kartenstile zu erstellen und zu verwalten, und verknüpfen Sie sie mit Ihren Karten über Karten-IDs. Sie können mit dem Styling-Tool neue Stile erstellen oder vorhandene Stildefinitionen importieren. Jedes Mal, wenn Sie einen Stil aktualisieren, wird Ihre Webseite automatisch mit den Änderungen aktualisiert.

• JSON-Stildeklarationen: Verwenden Sie für jede Änderung an Ihrer Map eingebettete JSON-Stildeklarationen, um Map-Stile manuell zu definieren. Das Ändern dieser Stildeklarationen erfordert eine Aktualisierung des clientseitigen Codes, der das Gerät des Endnutzers verwendet, um Operationen auszuführen und Ihre Webseite zu aktualisieren.

Verwenden von Cloud-basierten Werkzeugen (Beta)

Die folgenden Anweisungen zeigen, wie Sie die Google Cloud Console verwenden, um Ihre Karten mithilfe von Karten-IDs und Kartenstilen zu erstellen, anzupassen, zu veröffentlichen und zu verwalten.

Um Karten-IDs oder Kartenstile in Ihrem Google Cloud-Projekt zu erstellen oder zu verwalten, müssen Sie über die IAM-Rolle „Project Owner“ oder „Project Editor“ verfügen.

Erstellen von Karten-IDs

Eine Karten-ID ist ein eindeutiger Bezeichner, der eine einzelne Instanz einer GoogleMap darstellt. Sie können jederzeit in der Google Cloud Console Karten-IDs erstellen und einen mit einer Karten-ID verknüpften Stil aktualisieren, ohne das eingebettete JSON-Styling in Ihrem Anwendungscode zu ändern.

So erstellen Sie eine Karten-ID:

1. Gehen Sie in der Cloud Console zur Seite „Kartenverwaltung“.

   Gehen Sie zur Seite „Kartenverwaltung“

2. Klicken Sie auf „Neue Karten-ID erstellen“, um das Formular „Neue Karten-ID erstellen“ anzuzeigen.

   

   Gehen Sie im Formular wie folgt vor:

   • Geben Sie einen Kartennamen an.
   • Geben Sie einen Kartentyp oder eine Plattform an.
   • Geben Sie eine Beschreibung der Map ein.
   • Klicken Sie auf Weiter, um die neue Map-ID anzuzeigen.

Verwenden von Karten-IDs in Ihrem Anwendungscode

Um eine Karte mit einer Karten-ID in Ihrem Anwendungscode zu erstellen:

Erstellen von Kartenstilen

Ein Kartenstil ist ein eindeutiger Bezeichner für einen Satz von Anpassungen, der mit jeder Karten-ID verknüpft werden kann.

Um einen neuen Stil zu erstellen:

1. Gehen Sie in der Google Cloud Console zur Seite Kartenstile.

   Gehen Sie zu Kartenstile

2. Klicken Sie auf Neuen Kartenstil erstellen, um die Seite Neuer Kartenstil zu öffnen.

3. Auf der Seite „Neuer Kartenstil“ können Sie:
   • Anpassen der Anzeige verschiedener Kartenmerkmale:
     1. Wählen Sie einen Kartenstil aus einer der verfügbaren Stilvariationen aus.
     2. Alternativ können Sie JSON-Styling-Code importieren, indem Sie Ihren JSON-Code in das Textfeld auf der Registerkarte „JSON hochladen“ einfügen.

     3. Öffnen Sie den Stil-Editor, indem Sie auf Anpassen im Stil-Editor klicken.

        Im Stil-Editor können Sie:

        • Ändern Sie die Gestaltung von Merkmalen auf einer Karte, wie z. B. Straßen, Gewässer und Handelskorridore.
        • Filtern Sie Sonderziele auf bestimmte Geschäftstypen.
        • Spezifizieren Sie die Anzeige der Sonderzieldichte.

   • Oder wählen Sie einen angepassten Kartenstil, um die Ziele einer bestimmten Branche hervorzuheben.

4. Um Ihren Kartenstil zu benennen und Ihre Änderungen zu speichern, klicken Sie auf Speichern.

Details des Stils aktualisieren

Auf der Seite Kartenstile können Sie einen Kartenstil auswählen, um die folgenden Aktionen auszuführen:

• Setzen Sie die Anpassung fort oder zeigen Sie die Details des Stils im Stileditor an, indem Sie aufStil anpassen klicken.

  Wenn Sie im Stil-Editor eine Karten-ID mit Ihrem Kartenstil verknüpfen, werden die Stiländerungen durch Speichern und Veröffentlichen für die verknüpften Karten öffentlich. Das Speichern von Stilanpassungen ohne Veröffentlichung im Stileditor macht die Änderungen nicht öffentlich sichtbar.

• Benennen oder bearbeiten Sie eine Beschreibung für den Stil, indem Sie auf Bearbeiten klicken.

• Duplizieren Sie den Stil, indem Sie auf Duplizieren klicken.

• Löschen Sie den Stil, indem Sie auf Löschen klicken.

• Zeigen Sie Karten-IDs an, die mit dem Stil verknüpft sind.

Stile, die vor dem 15. September 2020 erstellt wurden, zeigen keine erweiterten natürlichen Merkmale von GoogleMaps an. Um die Unterstützung der erweiterten natürlichen Merkmale von Google Maps für die Kartengestaltung zu verwenden, müssen Sie einen Kartenstil erstellen.

Anpassen in verschiedenen Zoomstufen

Sie können den Stil vorhandener Elemente in verschiedenen Zoomstufen anpassen, wenn Sie Kartenstile mit dem Stileditor in der Google Cloud Console erstellen.

Zum Beispiel können Sie die Farbe von Wasser von rosa bei Zoomstufe 0 bis violett bei Zoomstufe 10 anpassen und andere Anpassungen mit der Detailstufe verknüpfen, die Sie bei der angegebenen Zoomstufe sehen. Um diese Funktion in einer Beispielanwendung auszuprobieren, siehe Karten-ID mit Styling.

Um Stilanpassungen auf verschiedenen Zoomstufen vorzunehmen:

1. Öffnen Sie den Stileditor in der Cloud Console. Rufen Sie dazu die SeiteKartenstile auf und erstellen Sie entweder einen Kartenstil oder aktualisieren Sie einen vorhandenen Kartenstil.
2. Wählen Sie im Untermenü Feature-Typ ein Feature aus, um das Untermenü Elementtyp zu öffnen, und wählen Sie ein Element aus, das Sie anpassen möchten.

3. Kreuzen Sie das Kontrollkästchen Zoomstufenübergreifend anpassen an, damit Anpassungen in der aktuellen Zoomstufe im Stileditor angezeigt werden.

   Wenn Sie das Kontrollkästchen „Zoomübergreifend anpassen“ aktivieren, sollten Sie Folgendes sehen:

   • Ein Kontrollkästchen „Haltestelle hinzufügen: z“, das Ihre aktuelle Zoomstufe anzeigt und Anpassungen der angegebenen Zoomstufe zuordnet.
   • Ein Zoom-Schieberegler zum Ändern und Auswählen Ihrer Zoomstufe. Sie können die Zoomstufen mit den booleschen Zoomsteuerelementen der Karte, dem Mausrad oder den Pfeiltasten auf der Tastatur anpassen.

4. Wenn Sie Anpassungen im Untermenü „Stile“ vornehmen, wählt der Stileditor automatisch das Kontrollkästchen „Stopp: z hinzufügen“ aus, zeigt einen blauen Punkt über dem Schieberegler an und überschreibt alle geerbten Stile.

   Der blaue Punkt über dem Schieberegler zeigt an, dass die Änderungen auf der ausgewählten Zoomstufe vorgenommen wurden. Um zu verhindern, dass Änderungen in einer bestimmten Zoomstufe gespeichert werden, deaktivieren Sie das Kontrollkästchen „Stopp hinzufügen: z“ (der blaue Punkt wird grau, um anzuzeigen, dass die Änderungen in dieser Stufe nicht gespeichert werden). Nach dem Deaktivieren des Kontrollkästchens kehrt das Element zu seinem geerbten Stil zurück.

   Alle Anpassungen, die Sie auf einer Zoomstufe vornehmen, aktualisieren die Anpassungen auf den angegebenen Zoomstufen und darüber. Zum Beispiel wirken sich Anpassungen auf Zoomstufe 10 auf alle Anpassungen auf den Zoomstufen 10, 11, 12 usw. aus.

5. Um Ihre Änderungen zu speichern, klicken Sie auf Speichern. Klicken Sie auf Veröffentlichen, um Ihre Änderungen an den Karten-IDs, die mit Ihrem Kartenstil verknüpft sind, zu veröffentlichen.

Verwenden von eingebetteten JSON-Stildeklarationen

Sie können angepasste Stile über eine eingebettete JSON-Stildeklaration auf Folgendes anwenden:

• Standardkarte.
• Kartentypen, zwischen denen ein Benutzer innerhalb eines einzelnen Kartenrahmens wechseln kann.

Spezialisieren von Stilen auf Funktionen

Um Stile auf verschiedene Funktionen und Elemente in einer Karte anzuwenden, erstellen Sie ein Array vonMapTypeStyleObjekten, die definieren, wie die Karte gestylt werden soll.

Das Array hat die folgende Form:

Eine Liste aller verfügbaren Werte für featureTypeelementType undstylers finden Sie in der JSON-Stilreferenz.

Maps Platform Styling Wizard

Verwenden Sie den Maps Platform Styling Wizard als schnellen Weg, um ein JSON-Style-Objekt zu generieren.

Anwenden von Stilen auf eine Standardkarte

Das folgende Beispiel zeigt eine Standardkarte, die mit hellem Text und Symbolen auf dunklem Hintergrund (d.h. dunkler Modus) gestylt wurde. Um das Codebeispiel zu sehen, gehen Sie zuStyled Maps – Night Mode code sample.

Um die Stile der Standardkarte zu ändern, setzen Sie die styles-Eigenschaft der Karte imMapOptions-Objekt auf Ihr Stil-Array, wenn:

• Erstellen Sie Ihre Karte.
• Oder beim Aufruf der Methode Map.setOptions.

Änderungen an Beschriftungen und Straßen wirken sich auf alle Kartentypen aus, einschließlich Gelände-, Satelliten-, Hybrid- und Standard-Straßenkartentypen.

Stile auf einen Kartentyp anwenden

Das folgende Beispiel zeigt einen hinzugefügten Kartentyp namens „Styled Map“ im Steuerelement oben links in der Karte. Um das Codebeispiel zu sehen, gehen Sie zu Gestaltete Kartentypen.

Um einen gestylten Kartentyp zu erstellen, setzen Sie das Stil-Array auf ein StyledMapTypeObjekt. Das Erstellen eines neuen gestylten Kartentyps wirkt sich nicht auf den Stil der Standardkartentypen aus.

• Erfahren Sie, wie Sie Vektorkarten mit Cloud-basiertem Kartenstyling verwenden können.
• Erfahren Sie, wie Sie das Verhalten von Point of Interest mit Cloud-basiertem Kartenstyling anpassen können.
• Um zu verhindern, dass Unternehmen, Points of Interest und andere Merkmale auf einer Karte erscheinen, indem Sie eine eingebettete JSON-Stildeklaration verwenden, sehen Sie sich das Codebeispiel „Ausblenden von Kartenmerkmalen mit Styling“ an.
• Erstellen Sie eine benutzerdefinierte Legende mit eingebetteten JSON-Stildeklarationen.