谷歌地圖InfoBubble窗口既不關閉也不重新映射

Question

我有一個成功的工作通用汽車原型使用InfoBubble here。

我需要地圖當我打開每個新的 InfoBubble窗口。

在關閉每個InfoBubble地圖recenters因爲我叫[線238等]：

google.maps.event.addListener(infoBubble, "closeclick", function() 

其次，爲什麼不洛杉磯（美國西海岸，LA）InfoBubble也關閉最近InfoBubble窗口像所有其他人一樣打開，請問？

非常感謝您的任何建議;我知道這一定很簡單 - 但花了幾個小時，也搜索了S/O！

的javascript：

$(document).ready(function() { initialize(); }); 
    var myLatlng = new google.maps.LatLng(51.30, 0.7); 
    function initialize() { 
     google.maps.Map.prototype.setCenterWithOffset = function(LatLng, offsetX, offsetY) { 
      var map = this; 
      var ov = new google.maps.OverlayView(); 
      ov.onAdd = function() { 
       var proj = this.getProjection(); 
       var aPoint = proj.fromLatLngToContainerPixel(LatLng); 
       aPoint.x = aPoint.x+offsetX; 
       aPoint.y = aPoint.y+offsetY; 
       map.setCenter(proj.fromContainerPixelToLatLng(aPoint)); 
      }; 
      ov.draw = function() {}; 
      ov.setMap(this); 
     }; 
     var centerMap = new google.maps.LatLng(51.30, 0.7); 
     var mapOptions = { 
      zoom: 2, 
      disableDefaultUI: true, 
      scrollwheel: false, 
      navigationControl: false, 
      mapTypeControl: false, 
      scaleControl: false, 
      draggable: false, 
      center: centerMap, 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
     map.setCenterWithOffset(myLatlng, 50, 225); 
     setMarkers(map, sites); 
     google.maps.event.addListener(infoBubble, "closeclick", function() { 
      map.setCenterWithOffset(myLatlng, 50, 225); 
     }); 
     google.maps.event.addListener(infoBubbleLA, "closeclick", function() { 
      map.setCenterWithOffset(myLatlng, 50, 225); 
     }); 
    }; 

    var infoBubble = new InfoBubble({ 
     maxWidth: 400, 
    }); 

    var infoBubbleLA = new InfoBubble({ 
     maxWidth: 400, 
    }); 

// locationstrings start 
    var losangeles1 = 'losangeles1'; 
    var losangeles2 = 'losangeles2'; 
    var losangeles3 = 'losangeles3'; 
    var losangeles4 = 'losangeles4'; 
    var losangelescontentString ='losangelescontentString'; 
    var portonovocontentstring ='Porto Novo'; 
    var shackletoncontentstring = 'Shackleton'; 
    var florencecontentstring = 'Florence'; 
    var buenosairescontentstring = 'Buenos Aires'; 
    var jodhpurcontentstring = 'Jodhpur'; 
    var mtsinaicontentstring = 'Mt Sainai'; 
    var neworleanscontentstring = 'New Orleans'; 
    var pariscontentstring='Paris'; 

// locationstrings end 

    infoBubbleLA.addTab('Electronic Cataloguing Initiative', losangeles1); 
    infoBubbleLA.addTab('Getty Leadership Institute at Claremont Graduate University', losangeles2); 
    infoBubbleLA.addTab('Tab 3', losangeles3); 
    infoBubbleLA.addTab('Preserve L.A.', losangeles4); 

    var sites = [ 
    // 'Title',  lat,  long,  contentstring 
     ['Los Angeles', 34.054082,-118.24261, losangelescontentString], 
     ['Porto Novo', 6.501411,2.604275, portonovocontentstring], 
     ['Shackleton', -77.550000, 166.150000, shackletoncontentstring], 
     ['Florence', 43.773046,11.255901, florencecontentstring], 
     ['Buenos Aires', -34.578528,-58.526273, buenosairescontentstring], 
     ['Jodhpur', 27.199507,73.73826, jodhpurcontentstring], 
     ['Mt Sinai', 28.555972,33.975048, mtsinaicontentstring], 
     ['New Orleans', 29.984676,-90.063171, neworleanscontentstring], 
     ['Paris', 48.821799,2.404933, pariscontentstring] 
    ]; 

    var iconBase = 'http://gettylabs.org/visit/FoundationMap/images/'; 
    function setMarkers(map, markers) { 
     for (var i = 0; i < markers.length; i++) { 
      var sites = markers[i]; 
      var siteLatLng = new google.maps.LatLng(sites[1], sites[2]); 
      var marker = new google.maps.Marker({ 
       icon: iconBase + 'bullet.png', 
       title: sites[0], 
       position: siteLatLng, 
       html: sites[3], 
       map: map 
      }); 
      google.maps.event.addListener(marker, "click", function() { 
       map.setCenterWithOffset(myLatlng, 50, 25); 
       if (this.html == losangelescontentString) { 
        infoBubbleLA.setContent(this.html); 
        infoBubbleLA.open(map,this); 
       } else { 
        infoBubble.setContent(this.html); 
        infoBubble.open(map,this); 
       } 
      }); 
     }; 
    }; 

Answer 1

你對你有2個不同的InfoBubbles代碼infoBubbleLA和infoBubble。打開一個將不會關閉另一個。

var infoBubble = new InfoBubble({ 
     maxWidth: 400, 
    }); 

    var infoBubbleLA = new InfoBubble({ 
     maxWidth: 400, 
    }); 

這應該這樣做：

google.maps.event.addListener(marker, "click", function() { 
       map.setCenterWithOffset(myLatlng, 50, 25); 
       if (this.html == losangelescontentString) { 
        infoBubbleLA.setContent(this.html); 
        infoBubbleLA.open(map,this); 
        infoBubble.close(); 
       } else { 
        infoBubble.setContent(this.html); 
        infoBubble.open(map,this); 
        infoBubbleLA.close(); 
       } 
      }); 

working fiddle