tags:

views:

47

answers:

1
+3  Q: 

How Does the Wilderness Downtown Google Map Work?

Hi!

I was just watching the Wilderness Downtown video - http://www.thewildernessdowntown.com/ - and I couldn't quite work out how the folks behind it did the Google Map which scrolls along and rotates, all on an HTML5 canvas.

I've looked through the Google Maps Javascript API - http://code.google.com/apis/maps/documentation/javascript/ - and nowhere in it can I see any pointers on how to embed a Google Map into a canvas tag (which can then be transformed as in the video).

Any help on this would be very appreciated,

DLiKS

+3  A: 

Ricardo Cabello, Mr.doob in the credits, has a blog post titled Making of The Wilderness Downtown.

bzlm  2010-10-25 18:33:47
The closest the blog post comes to explaining how it was done is when it says: 'We couldn't just directly use the embeddable Google Maps, the maps were supposed to have some tilting on the camera so a new Maps Data viewer was required.' However, it doesn't say what this 'new Maps Data viewer' is...
DLiKS  2010-10-25 18:36:12
@DLiKS It was custom built. From the post: "Like with the maps, we had to build a custom Street View Data viewer". I agree, the innards aren't revealed though. But it doesn't sound like they "embedded a Google Map" as you suggest. :)
bzlm  2010-10-25 18:37:47

related questions

What JavaScript patterns do you use most?
Javascript events
What style do you use for creating an "class" in JavaScript?
Graphing JavaScript Library
What's the difference in closure style
Getting the text from a drop-down box
How to specify javascript to run when ModalPopupExtender is shown
Length of Javascript Associative Array
How Do I Post and then redirect to an external URL from ASP.Net?
How to set up a CSS switcher in ASP.NET
Wrapping lists into columns
Javascript keyboard events primer? (or rather: help me with my custom dropdown)
Http Auth in a Firefox 3 bookmarklet
Best Debugging Tools for JavaScript/xulrunner Development
How can I turn a string of HTML into a DOM object in a Firefox extension?
Call ASP.NET Function From Javascript?
Javascript troubleshooting tools in IE
MAC addresses in JavaScript
Capturing TAB key in text box
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP .Net Custom Client-Side Validation
What JavaScript library would you choose for a new project and why?
Detecting font in JavaScript