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 und Optimierungen 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
In den folgenden Richtlinien werden gängige Designfehler beim Erstellen oder Bearbeiten von Kartenstilen behandelt. 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: 2023-12-26 (UTC).
[null,null,["Zuletzt aktualisiert: 2023-12-26 (UTC)."],[[["These guidelines provide recommendations for designing or editing map styles, emphasizing color contrast, zoom level considerations, and colorblind-friendly design."],["It is crucial to ensure sufficient contrast between fill and stroke colors for clear visibility of lines, shapes, and text on the map."],["Testing the map style at various zoom levels is important to guarantee visual appeal and functionality across different scales."],["Color choices should consider the needs of colorblind users to ensure usability for all."],["Mobile map designs should be verified in Night mode to ensure compatibility and readability in low-light conditions."]]],["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"]]
