Einfärben von Google Maps mit der Flash API
Das Einfärben von Google Maps zur Anpassung an die eigene CI in Flash Applikationen ist nicht ohne weiteres möglich. Wie es trotzdem geht und was man beachten muss, habe ich in einem kleinen Beispiel zusammengestellt.
Eine tolle Flash Applikation, die auch mit eingefärbten Google Maps arbeitet, ist HELLO! RUNNERS MAP von Adidas.
Die Google Maps Flash API bietet leider keine Unterstützung für das Einfärben von Google Maps. Zwar gibt es ein Attribut Namens backgroundFillStyle in der Klasse MapOptions, dies hat jedoch keine Auswirkungen auf die tatsächliche Hintergrundfarbe.
Dennoch lassen sich Google Maps mit Flash über die ColorMatrixFilter Klasse einfärben. Ich habe ein Beispiel für Flash CS4 erstellt, dass zeigt wie es geht:
Download: Re-Color Google Maps.zip
(Bitte einen API-Schlüssel anfordern!)
Das Beispiel färbt die Karte in in Schwarz-Weiß ein. Natürlich sind alle Farben- und Alpha- Werte möglich, einfach die Matrix anpassen.
Aber Achtung! Wer Google Maps einfärbt bzw. das Aussehen der Karten verändert, sollte unbedingt mit Google Rücksprache halten, bzw. das Re-Coloring Permission Formular ausfüllen.
Viel Spaß!
Am 5. Juli 2010 um 11:51 Uhr
Eine andere Möglichkeit wäre das ganze über MapSytels laufen zu lassen. Hab das auch einmal in einem Projekt eingesetzt.
Könnte dann so aussehen:
public static function setStyle(map:Map):void
{
var mapPart:* = map.getChildAt(1);
var mapArea:* = mapPart.getChildAt(0);
TweenMax.to(mapArea, 0,
{
colorMatrixFilter:
{
saturation:2, contrast:1.2, hue:25
}
});
}
Und das ganze dann mit der Map-Instanz verknüpfen:
MapStyle.setStyle(_map);