0

我正在制作街景容器。我看到了那个链接

但我在浏览器/Google chrome/ 中看不到街景

请教我我的错误和我的错误。谢谢

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>アスタンソーチのGoogle-APIです。&lt;/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>
4

1 回答 1

0

我有同样的问题。

问题出在顶部的以下行中

<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-11T01:12:52.960 回答