GoogleMapsAPIのストリートビュー
GoogleMapsAPIでマーカーをストリートビューで表示させたい
GoogleMapsAPIでマーカーを追加し移動もできるようにしましたが、
このマーカーのストリートビューを別窓で表示させる方法を教えていただけないでしょうか
マーカーは人型のアイコンではなく、追加したマーカーです
よろしくお願いします
以下、ソースです
///////////////////////////////////////////////
<script type="text/javascript">
function initialize() {
var map = new google.maps.Map(
document.getElementById("gMap"),{
zoom : 16,
center : new google.maps.LatLng(35.688272,139.696459),
mapTypeId : google.maps.MapTypeId.ROADMAP,
streetViewControl : true
}
);
var marker = new google.maps.Marker({
position: new google.maps.LatLng(35.688272,139.696459),
map: map,
draggable : true
});
}
</script>
<style>
#gMap{
width: 900px;
height: 500px;
}
#View{
width: 900px;
height: 300px;
border: 1px solid #000; /* この枠線内にストリートビューを表示させたい */
}
</style>
</head>
<body onload="initialize()">
<div id="gMap"></div>
<div id="View"></div>
</body>
///////////////////////////////////////////////
補足
Webビューで表示してるサイトのリンクはGoogleマップっす。 そのリンクを押したらマップが表示されるはずなんですが、何故か文字化けした字が出ます。 リンクのURL は英数字のみです。