Aug 30

Written by: Soul Solutions
Thursday, 30 August 2007 

johnWeeGo.jpgI was playing today with some logos in Photoshop and noticed our graphic design team had inverted our gold logo on a black background to be a nice blue logo on a white background. For fun, I happened to have a Virtual Earth project open at the time and I inverted the default road map in Photoshop.
Inverted.jpg

Wow now thats actually pretty cool, not sure what the usages would be but I wonder how to do this on the VE control?

I know that IE provides filters that can be applied in CSS and this got me thinking about what effects could be acheived.
The syntax I used was to apply the filter to all <IMG> objects within the Map div. This should eliminate all the other parts of your interface changing but since there is no class set on the tiles themselves this is the best solution I could find.

<style type="text/css">
	.MSVE_Map img {filter:Invert;}
</style>     
Now there are other filters to play with also like:
Xray.jpg
Xray

Engrave.jpg
Engrave

And just to freak someone out how about a bit of a flip per tile?
VFlip.jpg
I'm not sure of the practical applications for this but I actually think the inverted map is easier to read at nighttime.
Click on each image to see it live on the Virtual Earth map.

Tags:

1 comment(s) so far...

A Use For: Fun with IE Image Filters and Virtual Earth

For those of you wondering, a practical application for this technology has been found.
When applying the filters with the method here, it only affects the tile images. Any thing you put on top of it will not be effected. I have been working with this for hazardous materials applications. I have drawn the plume of a propane leak over the map, and put it into X-Ray mode. This provides a much higher contrast than the original map
<[img alt="Map Image with Aloha Plume" src="http://www.lannonfire.com/Forums/VirtualEarth/Aloha.png"/>

By Mike Mueller on   Thursday, 21 February 2008

Your name:
Your email:
(Optional) Email used only to show Gravatar.
Your website:
Title:
Comment:
Security Code
Enter the code shown above in the box below
Add Comment   Cancel 
Copyright © 2002-2009 Soul Solutions Pty Ltd. | Login