人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ウェブコーディングについての質問です。
下記のウェブサイトで、グーグルマップをクリックしていくと、最後のクリックでグーグルマップからフラッシュ画面に遷移します(音が出るのでご注意ください)。
この最後のグーグルマップからフラッシュ画面へはどのようなコーディングをすればいいのかを調べています。ご存じでしたら記述すべきソースや方法など教えてください。
http://www.australiancoastalwatch.com.au/

よろしくお願いします!

●質問者: ahsodik
●カテゴリ:ウェブ制作
✍キーワード:ウェブ ウェブサイト クリック グーグルマップ コーディング
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●60ポイント ベストアンサー

ページに埋め込んであるこのコードがそうです。

jQueryを使って書かれています。

ページを読み込んだ後flashを埋め込んで

clickイベントですすんでいくとplayMovie()で再生されるようです。

function getFlashMovie(movieName) 
{
 if (navigator.appName.indexOf("Microsoft") != - 1) {
 return window[movieName];
 }
 else {
 return document[movieName];
 }
}
function movieOver() 
{
 $('.overlay').hide();
 $('#share-content').show();
 $('.disclaimer').show();
 $('#movie-container') .hide();
}
function init_map(divId, latitude, longitude, zoom) 
{
 if (GBrowserIsCompatible()) 
 {
 var map = new GMap2(document.getElementById(divId));
 map.setCenter(new GLatLng(latitude, longitude), zoom, G_SATELLITE_MAP);
 map.addControl(new GSmallZoomControl3D());
 icon = new GIcon(G_DEFAULT_ICON);
 var markerData = {};
 markerData.icon = icon;
 var clientPoint = new GLatLng(-33.892932394195235, 151.27830505371094);
 var clientMarker = new GMarker(clientPoint, markerData);
 GEvent.addListener(clientMarker, "click", function () 
 {
 map.zoomIn();
 });
 map.addOverlay(clientMarker);
 map.disableDragging();
 map.disableDoubleClickZoom();
 map.disableScrollWheelZoom();
 map.disablePinchToZoom();
 /*gpoint = new GMarker(new GLatLng(latitude, longitude), {draggable: true});
 map.addOverlay(gpoint);*/
 var pointSW = new GLatLng(-33.89499, 151.277179);
 var pointNE = new GLatLng(-33.891318, 151.282326);
 var groundOverlay = new GGroundOverlay( "http://www.australiancoastalwatch.com.au/sharks_new.png", 
 new GLatLngBounds(pointSW, pointNE));
 map.addOverlay(groundOverlay);
 var zoomEventListener = GEvent.bind(map, "zoomend", this, function (oldzoom, newzoom) 
 {
 $("#map_zoom").val(newzoom);
 // Add call to show + play video here.
 if (newzoom >= 17) 
 {
 $('#map_canvas').hide();
 $('#main-content').hide();
 $('body').append('<div class="overlay"></div>');
 $('.overlay') .css('position', 'absolute') .css('top', 0) .css('left', 0) .css('background', 
 '#000') .css('z-index', '50') .css('height', $(document).height() + 600) .css('width', 
 $(document).width());
 $('#movie-container') .css('z-index', '100') .css('height', $(window).height()) .css('width', 
 $(window).width()) .css('left', '0') .css('top', '0');
 getFlashMovie("movie").playMovie();
 }
 });
 }
}
$(document).ready(function () 
{
 init_map("map_canvas", - 33.892504914541284, 151.27779006958008, 13);
 // Add overlay for movie.
 var flashvars = {};
 var params = {};
 params.bgcolor = "#000000";
 var attributes = {};
 swfobject.embedSWF("video.swf", "movie", "100%", "100%", "9.0.0", false, flashvars, params, attributes);
});

jQuery: The Write Less, Do More, JavaScript Library

◎質問者からの返答

ありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ