Design Folios with Google Maps

Using an application, like CASA’s Image Cutter or the Automatic Tile Cutter, you can create your own map tiles for Google Maps. This means that you can replace image map tiles with any image tiles you like including other maps, or more importantly for designers and artist, replace them with portfolio images!

Here are some 5 examples of design portfolios using Google Maps:

Markus Dressenmicrotyp.jpg

Blaubo Designblaubo.jpg

Stas Kuleshstas.jpg

Academie Arnhem Portfolio Mapacademie.jpg

Kalle Hagmankallehagman.jpg

All you need to do is create map tiles from a collage of work.The Google Maps’ navigation tools can then be used to zoom in on designs and map markers to provide further information about an individual work.

Some of the first to make use of this technology were game fans, producing maps for World of Warcraft and Grand Theft Auto.

Reblog from original source: googlemapsmania

Posted in: Articles  ·  Aug 25    

Nicole said,

August 27, 2009 @ 5:10 am

Thanks for collating these.. a great post.
They blow my mind. That first one especially — brilliant!

Blog Header Guy said,

August 31, 2009 @ 5:58 am

At first, I didn’t get why it was even anything I would even consider. Cool, yes. But when I checked out Blaubo Design’s site, it clicked.

Very cool, thanks.


jay harlow said,

September 1, 2009 @ 8:36 am

Strange that none of these designers reskinned the default Google controls.

ChrisFizik said,

September 1, 2009 @ 8:35 pm

The idea to use the gMaps system as a portfolio interface is just brilliant. to come up with that is pretty notable. talk about open web services + thinking outside the box = unique awesomeness

Kevin Vo said,

September 2, 2009 @ 5:45 am

There is also OpenLayers.

sample site.

Jason J. said,

September 3, 2009 @ 12:25 pm

That’s genius. Totally didn’t get it until I clicked on one, then it was like “Ah-ha!”. Wow.

Ben said,

September 4, 2009 @ 6:33 am

I also thought of also using Google Maps API to develop an online portfolio as “light box”, but it turned out to be too complex to add desired functionalities into it.

I rather cooked a specific solution based on jquery.

Results at

Eric said,

September 10, 2009 @ 9:06 pm

Wonderful collection, Blaudo is a nice find!

Ian Gilman said,

September 16, 2009 @ 3:23 pm

Another similar technology, but much smoother, is Seadragon:

Tim Rombach said,

November 2, 2009 @ 12:57 pm

Nice Google Maps overview! Very helpful!

Lorem said,

December 12, 2009 @ 7:32 am

It seems Chanel did something with gmaps too :

Carmine Tiburcio said,

May 12, 2013 @ 11:13 am

Google has decided that its users of their well-liked Google Maps service will begin becoming charged a fee for utilizing their service. Websites that are going embedding a Google Map of their location will be charged a fee for usage.This new Google Maps fee is going to hit mostly the bigger companies, particularly the Travel industry. I suspect that certain websites that are the heaviest users would be websites like TripAdvisor and Expedia.^*

My current web blog

air asia said,

June 19, 2013 @ 9:58 pm

These are really fantastic ideas in regarding blogging.
You have touched some good points here. Any way keep up wrinting.

Silk screen Printing, said,

July 20, 2013 @ 9:58 pm

excellent issues altogether, you simply gained a logo new reader.
What may you recommend in regards to your submit that you simply
made some days in the past? Any positive?

office rental said,

August 2, 2013 @ 9:08 am

Attractive section of content. I just stumbled upon your
blog and in accession capital to assert that I acquire actually enjoyed account your blog posts.
Any way I’ll be subscribing to your feeds and even I achievement you access consistently quickly.

health care Education said,

October 1, 2013 @ 8:48 am

Woah! I’m really loving the template/theme of
this blog. It’s simple, yet effective. A lot of times it’s challenging
to get that “perfect balance” between usability
and visual appeal. I must say you’ve done a suuperb job with this.
Additionally, the blog loawds extremely quick for me on Chrome.
Superb Blog!

fifa 12 said,

February 19, 2014 @ 7:47 pm

Howdy! D? ?ou knlw if they make any plugins to help wijth Search
Engine Optimization? ?’m trtying t? get m? blog too rank f?r ?ome targeted keywords ?ut I’m
?ot ?eeing very g?od gains. ?f youu know ?f any please share.

soundcloud plays said,

April 26, 2014 @ 9:16 pm

Thanks to Free Soundcloud Downloader, I now
have more time to discover more new artists, bands. The track “Murderous Face” is my favorite from this Sound
– Cloud album, as it slows down the pace and shows that this band can properly
explore slower tempos. The reason for night vision is to expand our range of vision.

RSS feed for comments on this post


  1. Design Folios with Google Maps | Function/Form
  2. DesignNotes by Michael Surtees » Blog Archive » Link Drop (8·28·09)
  3. Design Folios with Google Maps | Konigi
  4. Design Portfolios Using Google Maps UI | Konigi
  5. Heavy Backpack – A Creative Catalogue » Design Folios with Google Maps « Netcrema – creme de la social news via digg + delicious + stumpleupon + reddit
  6. massive load of links for your webdesign and development needs! « Adrian Zyzik’s Weblog
  7. Heavy Backpack - A Creative Catalogue » Design Folios with Google Maps — Some Random Dude
  8. - Designthusiast
  9. Design Folios with Google Maps | Amasijo
  10. Design Portfolios Using Google Maps API | Choose Daily
  11. beyondwords | a blog for professional writers, editors, and designers » Blog Archive » Using Google Maps to design portfolios
  12. Simons Work » Blog Archive » Folios with Google Maps
  13. Andrew - Music + Photography Nashville TN
  14. Heavy Backpack – A Creative Catalogue » Design Folios with Google Maps « Pete Gilbert
  15. Design Folios with Google Maps | vizualz
  16. Usar Google Maps en portafolios | Isopixel
  17. 太帅了!利用Google Map来做你的新网站吧!~ | ╭╰Original Colors╯╮ - 认真工作
  18. Google Maps for Portfolios – the (WAR)drip
  19. Tu portfolio online…con Google Maps » Criterion
  20. Templates para todos ;p - el blog de Xmisswebs
  21. Google Maps + Design Portfolios —
  22. CFS Loves 50 | Code For Something
  23. Portfolios online
  24. Desing folios with Google map « Mind your Margins
  25. Design Folios with Google Maps | trivia.moon.tool