javascript - 在谷歌地图中关闭后重新打开信息窗口

Question

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

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

Answer 1

来自 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 是否为 null，如果是，则获取一个新的。

HTH