<!-- API のロード -->
<script type="text/javascript">
ggmap_apikey 
="ABQIAAAADuryzsZi1CenwhafsPEvzBTlxX6exlqfox7R3DL2rE86SPuTyhTaQ7BUC2tKBidUAEn1fGLxVVQR1A";
src_user = "http://maps.google.com/maps?file=api&v=2&sensor=false&key="+ggmap_apikey;
document.write(
	'<' +
	'script charset="utf-8" src="' + 
	src_user + 
	'"' + 
	' type="text/javascript"><' + 
	'/script>'
);
</script>

<!-- ストリートビュー -->
<div name="pano1" id="pano1" style="width:600px;height:400px"></div>

<script type="text/javascript">
// ストリートビュー作成
myView_target = new GStreetviewPanorama(document.getElementById("pano1"));
var fenwayPark = new GLatLng(43.774903,11.267133);
var myPanoView = {yaw:333.11,pitch:-22.19,zoom:0};
myView_target.setLocationAndPOV(fenwayPark, myPanoView);

var mylat,mylng;
// イベント登録
try {
	GEvent.addListener(myView_target, "initialized", getTargetLatLng);
}catch(e){}
try {
	GEvent.addListener(myView_target, "pitchchanged", function(pitch){
		document.getElementById("pitch").value=pitch;
	});
}catch(e){}
try {
	GEvent.addListener(myView_target, "yawchanged", function(yaw){
		document.getElementById("yaw").value=yaw;
	});
}catch(e){}

// イベント用関数
function getTargetLatLng(myLocation) {
	document.getElementById("lat").value = myLocation.latlng.lat();
	document.getElementById("lng").value = myLocation.latlng.lng();
}

// 埋め込み取得用
function setNewData() {
	str="";
	str+="<"+"script type=\"text/javascript\"> \n";
	str+="createPanoArea(600,400,"+document.getElementById("lat").value
	str+=","+document.getElementById("lng").value
	str+=","+document.getElementById("yaw").value
	str+=","+document.getElementById("pitch").value+",1); \n";
	str+="</"+"script> \n";
	document.getElementById("newdata").value = str
}
</script>

yaw : <input type="text" id=yaw size=10> pitch : <input type="text" id=pitch size=10>
緯度(lat) : <input type="text" id=lat size=10> 経度(lng) : <input type="text" id=lng size=10>
<input type="button" value="新しい位置" onClick='setNewData()'>
<br>
<span style='font-size:12px;'>yaw : 真北0、東90、南、180、西270 / pitch : 90(真上)〜-90(真下)</span>
<br>
<TEXTAREA id=newdata onclick='this.select()' style='width:600px;height:60px;'></TEXTAREA>