Question

我使用Google Maps JavaScript API v3添加了Google街景视图。你可以看到它here。地图的大部分功能都很好。唯一的问题是街景图似乎以奇怪的球形效果显示位置。我只希望街景视图与here上的街景视图相同，只是没有任何全景效果的位置的直线图像。

我使用的代码在这里：

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvvLfsqnDzgL4oe6HhKgVpmlosjKGME8E"></script>

<script>
function initialize() {
  var fenway = new google.maps.LatLng(51.453484, -2.600000);
  var panoramaOptions = {
    position: fenway,
    pov: {
      heading: 225,
      pitch: 20
    },
linksControl: false,
scrollwheel: false,
clickToGo: true
  };
  var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'), panoramaOptions);
}

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

    <div id="pano" style="width: 1920px; height: 560px;"></div>

请告诉我，如果我遗失了什么。

Answer 1

感谢您回答我的问题。 The issue has now been solved。事实证明这是一个特定于Firefox的问题。

我现在从链接中引用user3109401帖子的解决方案。

可以在PanoramaOptions中设置未记录的属性“mode”。您可以使用'html4'，'html5'和'webgl'。如果我将模式设置为'html5'，它将没有鱼眼效果。（但是，tourdash使用'webgl'代替）

var panoramaOptions = {
    pano : panoId,
    pov: {
      heading: heading,
      pitch: pitch
    },
    enableCloseButton:false,
    addressControl:false,
    panControl:false,
    visible: true,
    clickToGo:false,
    addressControl:false,
    mode : "html5",
    zoomControlOptions:{
        position : google.maps.ControlPosition.TOP_LEFT
    }
};

删除Google街景全景效果

1 个答案: