google-maps-api-3 - 带有自定义全景图和标记的谷歌街景

Question

我有这段代码，它使用自定义 Google 街景全景图并创建了一些自定义标记。

function initialize() {

    var panoOptions = {
        pano: 'a9V_yZU01A7nTQW7S4Hxjw',
        pov: {
            heading: 0,
            pitch:0
        },
        zoom: 0
    };
    var pano = new google.maps.StreetViewPanorama(document.getElementById('virtualTour'), panoOptions);

    var infowindow = new google.maps.InfoWindow();
    var marker, i;
    var markers = [];
    var locations = [
        ['<div style="width: 170px;">MARKERS 1</div>', 37.869197, -122.254583]
    ];

    for (i = 0; i < locations.length; i++) {  
        marker = new google.maps.Marker({
            position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
            map: pano,
            visible: false,
            zIndex: 999
        }); 

        google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
            return function() {
                infowindow.setContent(locations[i][0]);
                infowindow.open(pano, marker);
            }
        })(marker, i));
        markers.push(marker); // save all markers
    }



    for (i = 0; i < locations.length; i++) {
        markers[i].setVisible(true);
        markers[i].setMap(pano);
    }

    pano.setVisible(true);

}


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

我的问题是:为什么只有在我穿过地板上的谷歌街景 View 箭头后才会显示标记？

我希望在初始化函数上显示标记。谁能帮我？我为我的项目创建了一个 jsfiddle: http://jsfiddle.net/7HpmE/

提前致谢!

Answer 1

迟到总比不到好。

我能够通过在添加标记后重新加载全景来解决您的问题。 我所做的只是替换以下行:

pano.setVisible(true);

(全景图默认可见):

pano.setPano('a9V_yZU01A7nTQW7S4Hxjw');

这是您的 jsfidle 的更新版本: http://jsfiddle.net/7mfswdbg/