Question

我有一个页面应该包含一个带有谷歌地图的div和带有街景的div。地图工作正常，但街景根本没有显示，它只是一个空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 - {{{{ 1}}

此外，您必须从此行中删除括号：

panoramaOptions

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

＆＃13;

window.onload = initialize_StreetMap();

＆＃13;

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;

＆＃13;

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

＆＃13;

街景API不返回街景

1 个答案: