javascript - 街景 API 不返回街景

Question

我有一个页面，其中应包含一个带有谷歌地图的 div 和一个带有街景的 div。 map 工作正常，但街景根本不显示，它只是一个空的 div。但我无法让 JS 抛出错误。

这是我的代码，它可能是我缺少的一些非常明显的东西。

<div id="property_streetview"></div>
                <script>


                    function initialize_StreetMap() {
                        var streetViewLocation = new google.maps.LatLng(52.39648,-4.071235);
                        var panoramaOptions = {
                            addressControl: false,
                            navigationControl: true,
                            navigationControlOptions: {
                            style: google.maps.NavigationControlStyle.SMALL
                            }
                        };
                        var panorama;
                        var panorama = new google.maps.StreetViewPanorama(document.getElementById("property_streetview"), panoramaOptions);

                    }

                    window.onload = initialize_StreetMap();


                </script>

Answer 1

您已经为 LatLng(streetViewLocation ) 定义了一个变量，但是当您想要获取该位置的街景时，您必须将此变量用作 position 属性对于 panoramaOptions

此外，您必须删除此行中的括号:

window.onload = initialize_StreetMap();

...否则该函数将立即执行，而不是 onload。

function initialize_StreetMap() {
  var streetViewLocation = new google.maps.LatLng(52.39648,-4.071235),
      panoramaOptions = {
                            addressControl: false,
                            navigationControl: true,
                            navigationControlOptions: {
                            style: google.maps.NavigationControlStyle.SMALL
                            },
                            position:streetViewLocation
                        },
      panorama = new google.maps
                    .StreetViewPanorama(document.getElementById("property_streetview"),   
                                        panoramaOptions);

}

window.onload = initialize_StreetMap;

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

<script src="https://maps.googleapis.com/maps/api/js?v=3&.js"></script>
<div id="property_streetview"></div>