<p class="thumb"><img src="http://web-marketing.zako.org/wp-content/uploads/2009/08/Maps-API-for-Flash.jpg" alt="Googleマップを3Ｄで表示する「Maps API for Flash」サンプル" title="Googleマップを3Ｄで表示する「Maps API for Flash」サンプル" width="514" height="204" class="alignnone size-full wp-image-7926" /></p><p>Googleマップを3Dで、つまりバードビューのように表示して、奥行きを感じさせることが出来るようになるのがMaps Flash API。</p><p>そのサンプルがいくつか紹介されていたので書きとめておきます。</p><!--more--><h3 class="header-label">Googleマップを3Ｄで表示する「Maps API for Flash」サンプル</h3><p>いままでは、3Dのマップを表示するにはGoogle Earth プラグインを使う必要がありましたが、Maps API for Flashによって、Googleマップで3Dのマップを表示させられるようになります。</p><p>そのサンプルが、<a class="google" href="http://googlegeodevelopers.blogspot.com/2009/07/3d-perspective-in-maps-api-for-flash.html" onclick="window.open('http://googlegeodevelopers.blogspot.com/2009/07/3d-perspective-in-maps-api-for-flash.html'); return false;">Google Geo Developers Blog</a>で紹介されていました。</p><h4 class="tips"> Google Maps for Flash API のデモ動画</h4><object type="application/x-shockwave-flash" data="http://www.youtube.com/v/XV3eu_M8kbs" height="326" width="522"><param name="movie" value="http://www.youtube.com/v/XV3eu_M8kbs"/><param name="wmode" value="transparent"/></object><h4 class="tips">Weather Radar GroundOverlay</h4><iframe src="http://www.tricedesigns.com/portfolio/google3d/" width="522px" height="400px"></iframe><p>↑2Dよりもグッと見やすくなっている天気図。</p><h4 class="tips">UK Weather Tour</h4><p><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SnRQCxWw0sI/AAAAAAAAZcM/Q75KCaRmlcs/s400/Maps-API-for-Flash2.jpg" /><br />↑イギリスの天気を3Dで表現したもの。ツアーボタンを押すと、テレビの天気予報のように各地を回りながら表示します。 <a class="web-site-link" href="http://www.watbot.co.uk/ria/WXMap/" onclick="window.open('http://www.watbot.co.uk/ria/WXMap/'); return false;">UK Weather Tour</a></p><h4 class="tips">Driving Directions Photo Tour</h4><p><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SnRWAwifjRI/AAAAAAAAZco/Zd2dPbhK5Uo/s400/Maps-API-for-Flash6.jpg" /><br />↑車のスピード感と、景色が流れてくるような感じがおもしろい。 <a class="web-site-link" href="http://gmaps-samples-flash.googlecode.com/svn/trunk/demos/FlyingDirections/FlyingDirections.html" onclick="window.open('http://gmaps-samples-flash.googlecode.com/svn/trunk/demos/FlyingDirections/FlyingDirections.html'); return false;">Driving Directions Photo Tour</a></p><h4 class="tips">PaperVision3D Scene</h4><p><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SnRQDJ0uCSI/AAAAAAAAZcQ/cszn8Wy5_rY/s400/Maps-API-for-Flash1.jpg" /><br />↑こちらはビルの屋上から次々に3Dのボールが飛び出してくるもの。作ったのは日本人のようです。 <a class="web-site-link" href="http://shiba.iis.u-tokyo.ac.jp/member/ueyama/gmap-pv-demo/" onclick="window.open('http://shiba.iis.u-tokyo.ac.jp/member/ueyama/gmap-pv-demo/'); return false;"> PaperVision3D Scene</a></p><h4 class="tips">3D Driving Simulator</h4><p><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SnRSsmXikMI/AAAAAAAAZcc/dAqrwp6V6gs/s400/Maps-API-for-Flash3.jpg" /><br />↑いままで2Dだったドライブシミュレーターも3Dに。 <a class="web-site-link" href="http://geoquake.jp/en/webgame/DrivingSimulatorPerspective/" onclick="window.open('http://geoquake.jp/en/webgame/DrivingSimulatorPerspective/'); return false;">3D Driving Simulator</a></p><h4 class="tips">Eiffel Tower KMZ</h4><p><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SnRSs1NPwvI/AAAAAAAAZcg/s9G59cOJ-Uw/s400/Maps-API-for-Flash4.jpg" /><br />↑こちらはエッフェル塔。建物の3DモデルをGoogleマップ上に表示。 <a class="web-site-link" href="http://googlemaps.googlermania.com/uploads/flash/kmz3DExample/kmz3DExample.html" onclick="window.open('http://googlemaps.googlermania.com/uploads/flash/kmz3DExample/kmz3DExample.html'); return false;">Eiffel Tower KMZ</a></p><h4 class="tips">Reprojected GroundOverlay</h4><iframe src="http://www.watbot.co.uk/ria/GndOverlayReproject/" width="522px" height="400px"></iframe><p>↑リアルな雲や氷を世界地図に表示させるマップ。やっぱりいままでとはまったく違いますね。</p><h4 class="tips">Streetview 3d Sync</h4><p><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SnRWAjxQabI/AAAAAAAAZck/9YU0ks4i6qE/s400/Maps-API-for-Flash5.jpg" /><br />↑こちらはストリートビューと連動している3Dマップ。 <a class="web-site-link" href="http://nl-samples.googlecode.com/svn/trunk/flexmap/mapbridge/" onclick="window.open('http://nl-samples.googlecode.com/svn/trunk/flexmap/mapbridge/'); return false;">Streetview 3d Sync</a></p><p>もっとみたい方は<a class="web-site-link" href="http://code.google.com/apis/maps/documentation/flash/demogallery.html" onclick="window.open('http://code.google.com/apis/maps/documentation/flash/demogallery.html'); return false;">Google Maps API for Flash Demo Gallery</a>へどうぞ。</p><p>3Dで表示したいならグーグルアースと思っていましたが、プラグインなしでもブラウザ上で3Dのマップを見られるのはすごく良いですね。やはりカーナビはグーグルアースではなくてGoogleマップなのか！？</p><p>Via：<a class="website-link" href="http://googlegeodevelopers.blogspot.com/2009/07/3d-perspective-in-maps-api-for-flash.html" onclick="window.open('http://googlegeodevelopers.blogspot.com/2009/07/3d-perspective-in-maps-api-for-flash.html'); return false;">Google Geo Developers Blog</a></p>