删除Google街景全景效果

时间:2015-01-26 13:09:59

标签: javascript google-maps google-maps-api-3 google-street-view

我使用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>

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

1 个答案:

答案 0 :(得分: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
    }
};