« Kategorie: Grafik & Design

Online-Tool um Farben & Farbstile in Google Maps anzupassen

Online-Tool um Farben & Farbstile in Google Maps anzupassen

Dieses gratis Tool ermöglicht Dir die Farben und Stile einer Google Maps-Karte an deine eigene Wünsche & Bedürfnisse anzupassen.

Google Maps ist wohl der bekannteste Online-Karten-Anbieter im Web. Die Google Karten ermöglichen Dir u. a. spezielle Standorte, die für Dich wichtig sind zu markieren und im Web, wie deiner eigenen Homepage, einzubinden. So kannst Du bspw. deinen Besuchern eine interaktive Anfahrtsskizze zur Verfügung stellen oder je nach Inhalt wichtige oder interessante Ort markieren.

Google Maps-Karten beinhalten nahzu alle wichtige Informationen die eine Weltkarte haben muss. Je nach Anwendungszweck sind diese jedoch auch nicht immer sinnvoll oder stören die Übersicht. Das muss aber nicht sein!

Google Maps-Karten lassen sich nämlich individuell nach deinen Bedürfnissen anpassen. Du kannst unnötige Informationen, wie z.B. Straßen, Flüsse oder Gewässer ausblenden oder deutlicher hervorheben. Auch die Farben des Geländes, wie Wälder, Berge, Gebirge kannst Du je nach Bedarf ändern. Du kannst die Farben verblassen lassen, oder diese mit speziellen Farben hervorheben.

Sony XAV-AX100 (6,4 Zoll) Media Receiver und Navi für dein Auto Bisher keine Bewertungen
Zum Angebot

Sind auf deiner Online-Karte hauptsächlich die Gewässer, wie Flüsse oder Seen, wichtig, kannst Du die Gelände grau gestalten und das Wasser mit einer richtig blauen Farbe hervorheben.

Jedoch stellt sich die Implementierung dieser gesonderten Gestaltungsmöglichkeiten recht schwierig dar, denn diese Werte werden als JSON-Array an deine Goolge-Karte übergeben.

Das gratis Online-Tool Styledmaps Wizard hilft Dir dabei, deine Google Maps-Karte zu gestalten, ohne die dahinterliegenden Einstellungen & Werte kennen zu müssen. Das Tool bietet Dir nämlich eine Vorschau-Funktion, die Dir gleich das Ergebnis deiner Änderungen zeigt.

Hast Du das Styling deiner Google-Karte vollendet, kannst Du dir per Copy & Paste das JSON-Array kopieren und in den JavaScript-Code deiner Google Maps-Karte einbinden. Dieser Code kann z.B. so aussehen:

[
  {
    "stylers": [
      { "saturation": -76 }
    ]
  },{
    "featureType": "water",
    "stylers": [
      { "saturation": 100 },
      { "lightness": -20 },
      { "hue": "#0011ff" }
    ]
  }
]

In diesem Beispiel werden die Gewässer blau hervorgehoben und die Landmasse ausgegraut.

Du hast aber auch die Mögklichkeit Dir deine Karte als Static Map herunterzuladen. Eine Static Map ist eine feste Grafik deiner Karte, welche Du auch bequem in deine Homepage einbinden kannst.

Tags: Styled Maps, Google Maps Style Editor, Farben anpassen, Google Maps, Google Karte, Individuell


Hier geht's zur Web-App...

Aufgenommen am: 29.08.2016
Aufrufe dieser Seite: 17132
Klicks zur Web-App: 1290