Rufen Sie in der Google Cloud Console Kartenstile auf und wählen Sie bei Bedarf ein Projekt aus.
Klicken Sie unter Kartenstile auf Stil erstellen.
Wählen Sie im Dialogfeld den Tab JSON aus.
Es gibt zwei Möglichkeiten, Ihren JSON-Stil zu importieren:
Fügen Sie den gültigen JSON-Stilcode in das Feld ein.
scienceKlicken Sie auf JSON-Datei hochladen und wählen Sie eine lokale JSON-Datei aus. Der JSON-Stilcode wird im Feld angezeigt.
Prüfen Sie, ob Ihr JSON-Objekt Fehler enthält.
Wenn Ihr JSON-Code Fehler enthält, wird die Warnung „Ihr JSON-Code enthält N Fehler“ angezeigt. Sie können die Warnung maximieren, um weitere Informationen zu erhalten.
Bei einer gültigen JSON-Datei sehen Sie in der Kartenvorschau Ihren benutzerdefinierten Stil und die blaue Schaltfläche Anpassen ist verfügbar.
Klicken Sie auf Anpassen, um einen neuen Kartenstil zu erstellen.
Wählen Sie in Ihrem neuen Kartenstil Kartenelemente aus und überprüfen oder ändern Sie ihren Stil nach Bedarf. Neben Kartenelementen mit benutzerdefinierten Stilen wird ein ausgefüllter blauer Punkt angezeigt.
Klicken Sie auf Speichern.
Geben Sie im Feld Kartenstil speichern und veröffentlichen einen Namen und optional eine Beschreibung für den Stil ein und klicken Sie auf Speichern.
Der Stil wird automatisch veröffentlicht und seine Hauptseite geöffnet.
Sie können Kartenstile über den Tab „JSON“ im Stileditor bearbeiten.
Änderungen, die im JSON-Editor vorgenommen werden, werden im Bereich „Stil“ übernommen. Wenn Sie Änderungen im Stilbereich vornehmen, werden diese auch im JSON-Editor angezeigt. Bei beiden Methoden wird auch die Kartenvorschau aktualisiert.
So bearbeiten Sie einen Kartenstil mit JSON:
Rufen Sie in der Google Cloud Console Kartenstile auf und wählen Sie bei Bedarf ein Projekt aus.
Wählen Sie unter Kartenstile einen vorhandenen Stil aus der Stilliste aus.
Wählen Sie auf der Hauptseite des Stils Anpassen aus.
Wählen Sie den Tab JSON aus, um den JSON-Stileditor zu öffnen.
Nehmen Sie die gewünschten Änderungen im Editor vor. Sie können auch eine JSON-Datei hochladen.
Klicken Sie auf Commit, um die Kartenvorschau zu aktualisieren.
Wenn Sie alle Änderungen vorgenommen haben, klicken Sie auf Speichern. Wenn Sie einen neuen Stil erstellen, werden die Änderungen automatisch übernommen. Wenn Sie Änderungen an einem vorhandenen Stil vornehmen, werden die Änderungen als Entwurf gespeichert. Sie müssen auf Veröffentlichen klicken, damit die Änderungen für alle Karten-IDs, für die dieser Kartenstil verwendet wird, übernommen werden.
Kartenstil als JSON exportieren
:Diese Funktion ist experimentell.
So exportieren Sie einen Kartenstil als JSON-Datei:
Rufen Sie in der Google Cloud Console Kartenstile auf und wählen Sie bei Bedarf ein Projekt aus.
Wählen Sie unter Kartenstile einen vorhandenen Stil aus der Stilliste aus.
Wählen Sie auf der Hauptseite des Stils Anpassen aus.
Wählen Sie den Tab JSON aus, um den JSON-Stileditor zu öffnen.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-08-18 (UTC)."],[],[],null,["# Use JSON with cloud-based maps styling\n\nSelect platform: [Android](/maps/documentation/android-sdk/cloud-customization/json \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/json \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/json \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/json \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\n| **Experimental:** Features marked with the science science icon are experimental.\n\nThis document explains how to use JSON to create, edit, and export map styles.\nFor information on what you can style using JSON, see the\n[JSON reference for cloud-based maps styling](/maps/documentation/maps-static/cloud-customization/json-reference).\n\nImport a JSON map style\n-----------------------\n\nTo create a map style using JSON, perform the following steps:\n\n1. In the Google Cloud console,\n go to [**Map styles**](https://console.cloud.google.com/google/maps-apis/studio/styles), and select a project, if needed.\n\n2. In **Map styles** , click **Create style**.\n\n3. In the dialog, select the **JSON** tab.\n\n4. There are two ways to import your JSON style:\n\n - Paste your valid JSON styling code into the field, or\n - scienceClick **Upload JSON File** and choose a local JSON file to use. The JSON styling code appears in the field.\n\n | **Note:** When importing legacy JSON, a warning appears and the style is converted to the latest JSON format. The conversion is approximate but sets you up for a richer and more customizable experience. To only use legacy JSON, see [Use embedded JSON style declarations](../styling).\n5. Check whether your JSON has errors.\n\n - If your JSON has errors, the warning \"Your JSON contains N errors\" appears and you can expand the warning to learn more.\n - If your JSON is valid, the map preview shows your custom style and the blue **Customize** button is available.\n6. Click **Customize** to create a new map style.\n\n7. In your new map style, select map features and review or change their style\n as needed. Map features with custom styles have a solid blue dot next to\n them.\n\n | **Note:** Not all styles appear at all zoom levels.\n8. Click **Save**.\n\n9. In the **Save and publish map style** box, enter a name for your style and\n optionally a description, and click **Save**.\n\nThe style is automatically published, and you see your new style's\nmain page.\n\nTo add your map style to a map ID, see\n[Associate your style to a map ID](/maps/documentation/maps-static/cloud-customization/map-styles#associate-style-with-map-id).\n\nEdit a map style with JSON\n--------------------------\n\n| **Experimental:** This feature is experimental.\n\nYou can edit map styles using the JSON tab in the style editor.\n\nChanges made in the JSON editor are reflected in the style panel. Additionally,\nif you make changes in the style panel, you can find those changes in the JSON\neditor. Both methods also update the map preview.\n\nTo edit a map style using JSON, see the following steps:\n\n1. In the Google Cloud console,\n go to [**Map styles**](https://console.cloud.google.com/google/maps-apis/studio/styles), and select a project, if needed.\n\n2. In **Map styles**, select an existing style from the style list.\n\n3. In the style's main page, select **Customize**.\n\n4. Select the **JSON** tab to open the JSON style editor.\n\n5. Make your changes in the editor. You can also upload a JSON file.\n\n6. Click **Commit** to update the map preview.\n\n7. Once you're done with all of your changes, click **Save** . If you're\n creating a new style, the changes go live automatically. If you're making\n changes to an existing style, the changes save as a draft and you must click\n **Publish** to have your changes go live for any map IDs using that map\n style.\n\nExport a map style as JSON\n--------------------------\n\n| **Experimental:** This feature is experimental.\n\nTo export a map style as a JSON file, see the following steps:\n\n1. In the Google Cloud console,\n go to [**Map styles**](https://console.cloud.google.com/google/maps-apis/studio/styles), and select a project, if needed.\n\n2. In **Map styles**, select an existing style from the style list.\n\n3. In the style's main page, select **Customize**.\n\n4. Select the **JSON** tab to open the JSON style editor.\n\n5. Select **Export**."]]
