谷歌地图中的全景图不显示

Question

我们正在尝试实现全景图以与显示 相同的方式在 Google 地图中显示

这是我们网站上的一个例子：

出于某种原因，在我们的地图上，它没有显示可能的全景位置（内部和外部）。我们怎样才能让他们在那里展示呢？ 我们的代码目前是这样的：

<script>
    var latitude = <?= $hotel->latitude ?>;
    var longitude =  <?= $hotel->longitude ?>;

        function initialize() {
            var fenway = { lat: latitude, lng: longitude };

            var mapOptions = {
                center: fenway,
                zoom: 14,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById('map'), mapOptions);

            var panoramaOptions = {
                position: fenway,
                pov: {
                    heading: 34,
                    pitch: 10
                },
                fullScreenControl: true
            };

            var panorama = new google.maps.StreetViewPanorama( document.getElementById('pano'), panoramaOptions );
            map.setStreetView(panorama);
        }

    google.maps.event.addDomListener(window, 'load', initialize);

</script>

Answer 1

通过街景服务documentation，街景图像通过使用StreetViewPanorama 对象得到支持，该对象为街景“查看器”提供API 接口。每张地图都包含一个默认的街景全景图，您可以通过调用地图的getStreetView() 方法来检索它。当您通过将街景控件的streetViewControl 选项设置为true 来将街景控件添加到地图时。

StreetViewPanorama 构造函数还允许您使用StreetViewOptions 参数设置街景位置和视点。您可以在构建后对对象调用setPosition() 和setPov() 以更改其位置和POV。

请注意注意并非所有地点都有可用的街景 图像，除非您创建了自定义图像。这是列表的link 目前支持街景的城市。

有关更多信息，请阅读您在此documentation 中找到的所有指南以及您可以在here 中找到的示例。