いろいろやってみましたが、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&v=2&sensor=false&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
|
|
【Shadowboxの最新記事】
- Youtube 用 Shadowbox 貼り付けコード取得 〜 とりあえず宇多田ヒカル集
- YouTube + shadowbox.js
- Shadowbox.js : 3.0.2 が出ました / Shadowbox 内の SWFObject の使い方
- Shadowbox.js のセレクタの使用方法
- Shadowbox.js 3.0.1 初期化サンプル
- Shadowbox.js : 3.0.1 使用時の注意事項
- Shadowbox 3.0.1 で、IE は問題なく動きます。
- 最新の shadowbox が 2/11 にリリースされていたのでテストすると Flash が動かないので Forum に投稿してみました
- twitvideo と picasa で shadowbox
