带有自定义全景图和标记的谷歌街景答案

【问题标题】：google street view with custom panorama and markers带有自定义全景图和标记的谷歌街景
【发布时间】：2014-06-23 07:35:05
【问题描述】：

我有这段代码使用自定义谷歌街景全景图并创建一些自定义标记。

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);

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

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

提前致谢！

【问题讨论】：

标签： google-maps-api-3 google-maps-markers google-street-view

【解决方案1】：

迟到总比没有好。

添加标记后，我只需重新加载全景图即可解决您的问题。我所做的只是替换以下行：

pano.setVisible(true);

（全景图默认可见）：

pano.setPano('a9V_yZU01A7nTQW7S4Hxjw');

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

【讨论】：