Google ストリートビュー アプリで光球を撮影し、Google マップで共有しました。
コードを Web サイトに埋め込もうとすると (ブラウザで視覚化するときに [共有または統合] オプションをクリックすると)、リンクを共有するオプションしかありません。それを埋め込む HTML コードを取得するにはどうすればよいですか?
Google ストリートビュー アプリで光球を撮影し、Google マップで共有しました。
コードを Web サイトに埋め込もうとすると (ブラウザで視覚化するときに [共有または統合] オプションをクリックすると)、リンクを共有するオプションしかありません。それを埋め込む HTML コードを取得するにはどうすればよいですか?
基本的に、 StreetViewPanoramaを作成してこれらのパノラマを埋め込むことができます。
position
-propertyを介して場所を指定する必要があります
( になります{lat: 45.318904,lng:5.605167}
)
pano
または-propertyを介したパノラマ ID 。(だろうF:-xnB-GGXEh-Q/Vv0xzYTJj5I/AAAAAAAAHng/_boZWR43M0QLwPNphf-ROOJLOqaPUEeQw
)
google.maps.streetViewViewer
与えられた光球の場合、(まだ文書化されていない)-プロパティをに設定した場合にのみ機能します(理由は聞かないでください)photosphere
google.maps.event.addDomListener(window, 'load', function() {
google.maps.streetViewViewer = 'photosphere';
new google.maps.StreetViewPanorama(document.getElementById('pano'), {
pano: 'F:-xnB-GGXEh-Q/Vv0xzYTJj5I/AAAAAAAAHng/_boZWR43M0QLwPNphf-ROOJLOqaPUEeQw'
});
});
html,
body,
#pano {
margin: 0;
padding: 0;
height: 100%;
}
<script src="http://maps.google.com/maps/api/js?v=3"></script>
<div id="pano"></div>