0

Googleストリートビューのコンテナ(https://developers.google.com/maps/documentation/javascript/examples/streetview-embed)を次の通りの位置(1階の屋内)から開始しようとしています:https://www.google.nl/maps/@51.9158034,6.0661762,3a,75y,49.7h,80.68t/data=!3m7!1e1!3m5!1sZJt5xWlyFiAAAAQvOdRqJQ!2e0!3e2!7i10000!8i5000!6m1!1e1?hl=nlGoogleストリートビューコンテナの高さを設定するには

これを行う方法はありますか?コードは、高さパラメータをサポートしていないよう:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Street View</title> 
    <style> 
     html, body { 
     height: 100%; 
     margin: 0; 
     padding: 0; 
     } 
     #street-view { 
     height: 100%; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="street-view"></div> 
    <script> 
     var panorama; 
     function initialize() { 
     panorama = new google.maps.StreetViewPanorama(
      document.getElementById('street-view'), 
      { 
       position: {lat: 51.9158034, lng: 6.0661762}, 
       pov: {heading: 80.68, pitch: 0}, 
       zoom: 1 
      }); 
     } 
     </script> 
    <script async defer 
     src="https://maps.googleapis.com/maps/api/js?key=[APIKEY]&callback=initialize"> 
    </script> 
    </body> 
</html> 

答えて

0

あなたは私はあなたにもキー

https://developers.google.com/maps/documentation/javascript/get-api-key

APIを取得する必要があります

https://www.google.nl/maps/@51.9181205,6.0705068,3a,75y,351.05h,90t/data=!3m6!1e1!3m4!1sCMQYKN86IDwAAAQqa0k1Xw!2e0!7i13312!8i6656?hl=nl

考える間違ったリンクを使用しました

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title>Street View</title> 
 
    <style> 
 
     html, body { 
 
     height: 100%; 
 
     margin: 0; 
 
     padding: 0; 
 
     } 
 
     #street-view { 
 
     height: 100% 
 
     } 
 
    </style> 
 
    </head> 
 
    <body> 
 
    <div id="street-view"></div> 
 
    <script> 
 
     var panorama; 
 
     function initialize() { 
 
     panorama = new google.maps.StreetViewPanorama(
 
      document.getElementById('street-view'), 
 
      { 
 
       position: {lat: 51.91812054, lng: 6.0705068}, 
 
       pov: {heading: 351.05, pitch: 0}, 
 
       zoom: 1 
 
      }); 
 
     } 
 
     </script> 
 
    <script async defer 
 
     src="https://maps.googleapis.com/maps/api/js?key=[APIKEY]&callback=initialize"> 
 
    </script> 
 
    </body> 
 
</html>

関連する問題