SVG diagrams on Google Maps

A smart swiss Google Maps user posted an interesting example where SVG diagrams are added as overlay to a Google Map.

Very clever!

Though the diagrams are static and don’t make sense, it should be easy to connect them to dynamic data. The example demonstrates a promising method of overlaying vector symbols and point signatures on Google Maps, only based on a few lines of Javascript.

Compared to raster graphic symbols, e.g. PNGs or JPGs, any SVG symbol attribute like color, size, transparency, etc. can be changed easily on-the-fly, without the need of producing and storing tons of new files somewhere in the server-background.

The example doesn’t work with Adobe’s SVG Plugin, it’s only accessible with Firefox so far.

0 Responses to “SVG diagrams on Google Maps”


Comments are currently closed.