![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmHL0DhXtFFx1l9iHDqwN09e0YpeUATpcI5dyclM0KIYGlE3bZ7a15nzRuVbFqUZ4UwcKXDvmvC2id7IlunUb7oFtzR2Kn3_cYkujXUTE60Dk4v5Pjw3ENgJ9-xRuGTm4EXSiIzqSzEkn2/s400/earth.jpg)
This Street View demo map by Lim Chee Aun shows how to rotate a Google Map so that it faces the same direction as a Street View image. As you rotate the Street View in the demo the map rotates to face the same direction.
Rotating Map Demo
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjymE9O2qAQq5GCMAxAV9B-PC1TrEa4fbP9Mc18RpfwL1TfYRvZ12Nec-KOpix69OvFge-r2rrBDTxlKz2QPX5FU4WiH_ne7IvjCqBrGeK-Ut_1xwPToi3z_P8eejy3EV4NItQ62Vu0XA1w/s400/earth.jpg)
Chris Heilmann has created his own rotating map demo using CSS3 and jQuery.
Use the 'L' and 'R' keys to rotate the map. Also try and pan the map for a little added fun.
Chris has posted a brief explanation on his blog Wait Till I Come! that will help you if you would like to replicate this effect in your own maps.
Hat-tip: Mapperz
_________________
0 comments:
Post a Comment