coloryourgooglemaps

Japanese cool Flash sites containing Google Maps map parts have been recently colored by a cool tone.

Check out these sample sites below.

Hey don’t you think they look so cool?
It’s just a color , but each color produces a different feeling effect right?
So today is the day that I show you how you can color that map part for all of you “JActionScripters” followers.

I know that its an unofficial technique!!

First of all, you will need to get Google Maps API for Flash from here to create your Google Maps Flash!!

Next, begin to edit a new fla file of AS3 and then put the Google Maps component onto the stage.
Then you are ready to go coding actionscript for Google Maps.

In the process of coding actionscript you must define a Map Class Instance to be ready for Google Maps.
And that Map Class instance has the map part so define a getter function referring to the map point.

Here is the example getter function.


public function get mapArea():*
{
 var mapPart:* = gMap.getChildAt(1);
 return mapPart.getChildAt(0);
}
//※Replace "gMap" to a Map instance on your code

Try to change the alpha property when you get ready to go.
So from this stage, you can now color the map part!!

Todays sample used a ColorMatrixFilter so you can easily change the color.
Just try this sample function to color the map part monochrome.


public function setMapColorMonoChrome():void
{
 var R:Number = 0.299;  var G:Number = 0.587; var B:Number = 0.114;
 var matrix:Array = [
  R, G, B, 0, 0,
  R, G, B, 0, 0,
  R, G, B, 0, 0,
  0, 0, 0, 1, 0];

 var CMF:ColorMatrixFilter = new ColorMatrixFilter(matrix);
 mapArea.filters = [CMF];
}
//※Replace "gMap" to a Map instance on your code

You finally did it right?

You can now make your Google Maps colored by your own colors from today onwards!

Stay Flash Freaky!!

*Adding note.

For official permission to re-color the map tiles in your mashup, please fill out this form:https://spreadsheets.google.com/viewform?formkey=cm0zMDkzOHZWMjJneEl2RVdkNFZRb0E6MA