Für das cloudbasiertes Gestalten von Karteninhalten ist jetzt ein aktualisierter Kartenstil für Web- und mobile Apps verfügbar. Die Aktualisierung umfasst eine neue Standardfarbvorlage, modernisierte Markierungen und Verbesserungen in Bezug auf die Nutzerfreundlichkeit der Karten. Weitere Informationen sind unter
Neuer Kartenstil für die Google Maps Platform verfügbar. Um die neuen Kartenfarben für das cloudbasierte Gestalten von Karteninhalten zu verwenden, lesen Sie
Kartenstil auf die neueste Version aktualisieren.
Design-Checkliste
Die folgenden Richtlinien können helfen, häufige Designfehler beim Erstellen oder Bearbeiten von Kartenstilen zu vermeiden. Google empfiehlt, auch einen Grafikdesigner zurate zu ziehen, der Ihr Design zusammenstellt und prüft.
Einen Farbkontrast festlegen, der groß genug ist: Durch den Kontrast bleibt der Text lesbar und Kartenelemente lassen sich leichter unterscheiden. Weitere Informationen hierzu finden Sie im Artikel Kontrastierende Füll- und Strichfarben auswählen.
Verschiedene Zoomstufen ausprobieren: Vergewissern Sie sich mithilfe von Tests, dass Ihre Kartenelemente bei verschiedenen Zoomstufen gut dargestellt werden.
Farbkombinationen vermeiden, die farbenblinden Nutzern Probleme bereiten können:
Das Design muss auch für farbenblinde Nutzer geeignet sein.
Nachtmodus prüfen: Auf Mobilgeräten muss das Design mit dem Nachtmodus kompatibel sein.
Kontrastierende Füll- und Strichfarben auswählen
Der Kontrast zwischen Füll- und Strichfarben muss groß genug sein, dass sich die Kartenelemente vom Hintergrund und von ähnlichen Kartenelementen unterscheiden lassen.
Polygone für eine Linie: Wählen Sie kontrastierende Farben aus, um das Detail auf einer Linie sichtbar zu machen. Beispielsweise werden Wege und Pfade durch gepunktete Linien dargestellt und wenn die Farben nicht kontrastreich genug sind, sehen diese Linien wie durchgehende Linien aus. Bundesstraßen sind an den äußeren Rändern umrissen und die Linien können bei fehlendem Kontrast wie durchgehende Linien aussehen und somit mit anderen Straßentypen verwechselt werden.
Polygone für eine Form: Durch den Kontrast können Sie die Ränder zwischen Polygonen sehen, die nebeneinander liegen.
Textstrich und -füllung: Bei Text ist der Strich die Umrissfarbe, die dafür sorgt, dass Text besser vor Hintergrundfarben gelesen werden kann. Falls die Strichfarbe der Füllfarbe zu ähnlich ist, können Ihre Schriftarten verschwommen oder unscharf erscheinen.
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2025-02-28 (UTC).
[null,null,["Zuletzt aktualisiert: 2025-02-28 (UTC)."],[[["These guidelines provide design best practices for creating or editing map styles, emphasizing clear contrast, zoom level considerations, and colorblind-friendly choices."],["Ensuring sufficient contrast between fill and stroke colors is crucial for distinguishing map features, like lines and polygons, from the background and each other."],["Text readability is enhanced by using contrasting stroke and fill colors, preventing blurriness and ensuring clarity against various backgrounds."],["It is recommended to test map styles at different zoom levels and in Night mode (for mobile) to ensure consistent visual appeal and functionality."],["Consulting with a graphic designer is advisable for comprehensive design assembly and review, supplementing these technical guidelines with professional aesthetic guidance."]]],["Map style design guidelines recommend consulting a graphic designer. Key actions include ensuring sufficient color contrast between fill and stroke colors for readability and feature distinction, especially in lines, shapes, and text. Test designs at various zoom levels and consider colorblind users. For mobile, verify compatibility with Night mode. Contrast helps avoid issues like solid lines appearing instead of dotted lines or blurry text. Platforms for customization include Android, iOS, JavaScript, and Web Service.\n"]]
