ブログ等で使えるストリートビューコードを取得します

緯度・経度をセットして設定変更して下さい
その後ドラッグで視点を変更(移動したり表示サイズも変更できます)して設定変更して下さい
※ 固定位置の画像は取得できない場合があります

ストリートビューを画像化する URL

(2ページ目はハイブリッドマップ画像表示)

ボタン設置コード

こちらをブログ等に貼りつけて下さい
( スマホ兼用 )

str="";
	str+="<div id='frame_div' style='width: 100%; height: 100%'></div> \n";
	str+="<"+"script type='text/javascript'>  \n";
	str+="	document.write('<'+\"script type='text/javascript' src='http://maps.googleapis.com/maps/api/js?sensor=false'></\"+'script>'); \n";
	str+="</"+"script>   \n";
	str+="<"+"script type='text/javascript'>  \n";
	str+="(function() { \n";
	str+="google.maps.event.addDomListener(window, 'load', function () { \n";
	str+="	var bryantPark = new google.maps.LatLng(40.671559,-73.962557); \n";
	str+="	var panoramaOptions = { \n";
	str+="		position:bryantPark, \n";
	str+="		addressControl: true, \n";
	str+="		addressControlOptions: { \n";
	str+="			position: google.maps.ControlPosition.RIGHT_BOTTOM \n";
	str+="		}, \n";
	str+="		pov: { \n";
	str+="			heading: -128, \n";
	str+="			pitch: 10, \n";
	str+="			zoom:1 \n";
	str+="		}, \n";
	str+="		visible: true \n";
	str+="	}; \n";
	str+=" \n";
	str+="	var targetDiv = document.getElementById('frame_div'); \n";
	str+="	var myPano = new google.maps.StreetViewPanorama(targetDiv, panoramaOptions); \n";
	str+="}); \n";
	str+="})(); \n";
	str+="</"+"script> \n";
	document.getElementById("frame673f00750eb1f").contentWindow.document.write(str);
	document.getElementById("frame673f00750eb1f").contentWindow.document.close();

})();
}
else {
(function() {
	str="";
	str+="<div id='sv673f00750eb1f' style='width: 600px; height: 480px'></div> ";
	document.write(str);
	google.maps.event.addDomListener(window, 'load', function () { 
		var bryantPark = new google.maps.LatLng(40.671559,-73.962557);  
		var panoramaOptions = {  
			position:bryantPark,  
			addressControl: true,  
			addressControlOptions: {  
				position: google.maps.ControlPosition.RIGHT_BOTTOM  
			},  
			pov: {  
				heading: -128,  
				pitch: 10,  
				zoom:1  
			},  
			visible: true  
		};  
	  
		var targetDiv = document.getElementById("sv673f00750eb1f");  
		var myPano = new google.maps.StreetViewPanorama(targetDiv, panoramaOptions); 
	}); 
})(); 
}
</script>

PCのみ(ストリートビュー)

Google マップを画像化する URL

ボタン設置コード

PCのみ(Google マップ)