4

我有一张带有街景全景图、信息窗口和可拖动标记的地图。拖动标记后，函数请求 getPanoramaByLocation 以查看视图服务是否可用。如果不是，它会关闭信息窗口。这很好，但是当我再次单击标记时，信息窗口不再打开。请问你知道什么问题吗？发送

    var sv = new google.maps.StreetViewService();

    function initialize() {

        var optionMap = {
            zoom: 13,
            center: new google.maps.LatLng(47.390251,0.68882),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var myMap = new google.maps.Map(document.getElementById("mapDiv"), optionMap);
        var optionsMarker = {
            position: new google.maps.LatLng(47.390251,0.68882),
            map: myMap,
            draggable: true,
            title: "my marker"
            }
        var marker = new google.maps.Marker(optionsMarker);
        var infowindowDiv = '<div id="streetview" style="width:300px;height:200px;"' +'</div>';

        var infoWindow = new google.maps.InfoWindow({
            content: infowindowDiv,
            position: myMap.getCenter() });

        google.maps.event.addListener(marker, 'click', function() {
         infoWindow.open(myMap, marker);
         });

        google.maps.event.addListener(infoWindow, 'domready', function() {
            var panorama = new
        google.maps.StreetViewPanorama(document.getElementById("streetview"));
            panorama.setPosition(infoWindow.getPosition());

        google.maps.event.addListener(marker, 'dragend', function(event) {
          sv.getPanoramaByLocation(event.latLng, 50, processSVData);});             

        function processSVData(data, status) {
          if (status == google.maps.StreetViewStatus.OK) {

              var markerPanoID = data.location.pano;
              // Set the Pano to use the passed panoID
              panorama.setPano(markerPanoID);
              panorama.setPov({
                heading: 270,
                pitch: 0,
                zoom: 1
              });
              panorama.setVisible(true);
            } 
            else {
            infoWindow.close();
            infoWindow = null;              
            };
        }                   
    }); 
    }
4

2 回答 2

2

来自 GMaps API 文档：

close() None    Closes this InfoWindow by removing it from the DOM structure.

https://developers.google.com/maps/documentation/javascript/reference#InfoWindow

所以...如果你关闭信息窗口，它就消失了。永远。如果你真的通过说“infoWindow = null;”来确保它消失了，那就更是如此 你必须做一个新的。我的建议是重构您的代码，使其具有一个单独的函数，该函数可以按需创建信息窗口并返回它。在您的点击事件定义中，检查 infowindow 是否为空，如果是，则获取一个新的。

高温高压

于 2012-05-18T16:46:37.490 回答
1

正如另一个答案所解释的，当用户单击关闭按钮时，信息框 html 会从 DOM 中删除，但 JS 对象仍然存在。

创建信息窗口时，您必须调用 open 方法才能在地图上看到它

myInfoWindow.open(mymap);

因此，如果您收听“closeclick”事件并保持信息窗口状态

var infoWindowClosed = false;
google.maps.event.addListener(myInfoBox, "closeclick", function () {
    infoWindowClosed = true;
});

您可以按需重新打开 myInfoWindow

if(infoWindowClosed){
    myInfoWindow.open(mymap);
}
于 2013-02-05T20:11:05.617 回答