Question

在我正在建设的网站上，我有一张谷歌地图作为联系表格的背景。它看起来不错，但我想将谷歌地图转换为谷歌街景，以获得建筑物的精美图片，以便他们确切地知道他们要去哪里。

我一直在尝试关注the google site将我的代码转换为街景版本，但我似乎遗漏了一些内容并且无法弄清楚是什么。

一些帮助将不胜感激。我之前从未做过街景地图。

我目前看到的代码

 var mapOptions = {
            zoom: 20,
            center: map_center,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            scrollwheel: false
        }

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

        var beachMarker = new google.maps.Marker({
            position: new google.maps.LatLng(pos_a1, pos_b1), //my position I have stored as variables to make it cleaner
            map: map,
        });

我试过

var mapOptions = {
            zoom: 1,
            center: map_center,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            scrollwheel: false
        }

        var map = new google.maps.StreetViewPanorama( document.getElementById( 'map-canvas' ), mapOptions ); 
        myPano.setVisible(true);

        var beachMarker = new google.maps.Marker({
            position: new google.maps.LatLng(pos_a1, pos_b1),
            map: map,
        });

但是地图就消失了。

Answer 1

StreetViewPanorama需要position - 参数而不是center。

此外，您使用2个不同的变量（map和myPano）

这可行（当给定位置有可用的全景时）：

    var panoOptions = {
        position: map_center,
        scrollwheel: false
    }

    var myPano = new google.maps
                    .StreetViewPanorama( document.getElementById( 'map-canvas' ),
                                         panoOptions );

在网站上嵌入谷歌街景

1 个答案: