「街景視圖容器」中的錯誤

但我不能看到街景在我的瀏覽器/谷歌chrome/

請教我我的錯誤，我的錯誤。謝謝

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>アスタンソーチのGoogle-APIです。</title> 
<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet"> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 


<script> 

function initialize() { 
    var fenway = new google.maps.LatLng(32.785473,129.862451); 
    var panoramaOptions = { 
     position: fenway, 
     pov: { 
      heading: 165, 
      pitch: 0 
     }, 
    zoom: 1 
    }; 

    var myPano = new google.maps.StreetViewPanorama(
     document.getElementById('map-canvas'), 
     panoramaOptions); 
    myPano.setVisible(true); 

} 

google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 

<body> 
<div id="map-canvas"></div> 
</body> 
</html>

來源

2013-08-06 user2655498

＃地圖畫布需要一個高度當你想看到什麼 –

我有同樣的問題。

問題出在下面一行在頂部

<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">

當你的網站是在自己的服務器託管的位置，您的地圖頁面無法找到css文件。

您需要將以下css添加到您的文件;

html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 

#map-canvas, #map_canvas { 
    height: 100%; 
} 

@media print { 
    html, body { 
    height: auto; 
    } 

    #map-canvas, #map_canvas { 
    height: 650px; 
    } 
} 

#panel { 
    position: absolute; 
    top: 5px; 
    left: 50%; 
    margin-left: -180px; 
    z-index: 5; 
    background-color: #fff; 
    padding: 5px; 
    border: 1px solid #999; 
}

，或者您需要將其添加到位於yourwebsitesAddress.com//\maps/documentation/javascript/examples/default.css一個新的文件名爲default.css

來源

2013-09-11 01:12:52 benV

「街景視圖容器」中的錯誤

回答

相關問題