コンテンツ開始

2010年01月27日


shadowbox + Google ストリートビュー

いろいろやってみましたが、shadowbox でストリートビューを表示するには、
ストリートビューは単独の URL で表示されるようにして呼び出す以外はうまく動きませんでした。

エッフェル塔
風車
<a
	rel="shadowbox[test];width=600;height=400"
	href="http://winofsql.jp/ggv_pano_basic.php?a=48.857288&b=2.294404&c=8.24369085737899&d=-40"
>エッフェル塔</a>
ggv_pano_basic.php
<?
header( "pragma: no-cache" );
header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );
header( "Cache-control: no-cache" );

$api_key = 'ABQIAAAADuryzsZi1CenwhafsPEvzBTlxX6exlqfox7R3DL2rE86SPuTyhTaQ7BUC2tKBidUAEn1fGLxVVQR1A';

if ( $_GET['w'] == '' ) {
	$_GET['w'] = 600;
}
if ( $_GET['h'] == '' ) {
	$_GET['h'] = 400;
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title></title>

<script	src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=<?= $api_key ?>" type="text/javascript"></script>

<script type="text/javascript">
var myPano;
var mylat,mylng;

function initialize() {

	myPano = new GStreetviewPanorama(document.getElementById("pano"));
	var fenwayPark = new GLatLng(<?=$_GET['a']?>,<?=$_GET['b']?>);
	myPOV = {yaw:<?=$_GET['c']?>,pitch:<?=$_GET['d']?>,zoom:0};
	myPano.setLocationAndPOV(fenwayPark, myPOV);
	GEvent.addListener(myPano, "error", handleNoFlash);
	GEvent.addListener(myPano, "initialized", getTargetLatLng);

}

function handleNoFlash(errorCode) {

	if (errorCode == 603) {
		alert("Error: Flash doesn't appear to be supported by your browser");
		return;
	}
}

function getTargetLatLng(myLocation) {
	mylat = myLocation.latlng.lat();
	mylng = myLocation.latlng.lng();
	try {
		parent.document.getElementById("lat").value = mylat;
		parent.document.getElementById("lng").value = mylng;
		parent.iframePano = myPano;
	}
	catch(e){};
}

</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div name="pano" id="pano" style='width:<?= $_GET['w'] ?>px;height:<?= $_GET['h'] ?>px;'></div>
</body>
</html>



タグ:shadowbox
posted by at 2010-01-27 00:20 | Shadowbox | このブログの読者になる | 更新情報をチェックする
コンテンツ終了
右サイド開始
コンテナ終了 base 終了
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。