ロードマップ、サテライト、ストリートビューなど、場所のさまざまなビューを表示するページを作成しました。
ストリートビューのパノラマを表示しようとしてもうまくいきません。マップ ビューごとに個別の div があります。ストリートビューに使用しているコードと html の例を次に示します。
var panoramaOptions = {
position: new google.maps.LatLng(-41.34473283543335, 174.7694693629674),
pov: {
heading: 34,
pitch: 10
},
visible:true
};
var panorama = new google.maps.StreetViewPanorama(document.getElementById('street_view'),panoramaOptions);
panorama.setVisible(true);
<div class='map-big' id='street_view' style='overflow:hidden;'></div>
ストリートビューを正しく表示するにはどうすればよいですか?