infoWindow未顯示數據庫導入

Question

我正在從數據庫導入我的標記和經度。我試圖顯示只有垃圾內容的infoWindow只是爲了看看它是否有效，我試過一切，但似乎無法使其工作。任何幫助？

var contentString; 

contentString = '<div id="content">'+ 
    '<div id="siteNotice">'+ 
    '</div>'+ 
    '<h1 id="firstHeading" class="firstHeading">Circle K</h1>'+ 
    '<div id="bodyContent">'+ 
    '<p><b>Gas Station Type: Shell</b>'+'<br><b>Gas Prices</b>: Regular 3.08 Midgrade 3.39'+ 
    ' Premium '+price+' Diesel 3.35'+'<br>3289 Highland Road, Baton Rouge, LA, 70802'+ 
    '</p>'+ 
    '</div>'+ 
    '</div>'; 
    //contentString = <p><b> Gas </b></p> 

    var infoWindow = new google.maps.InfoWindow(
    { 
     content: 'Hello' 
     //content: contentString 
    }); 

function load() { 
    var map = new google.maps.Map(document.getElementById("map-canvas"), { 
    center: new google.maps.LatLng(30.418313, -91.176557), 
    zoom: 13, 
    mapTypeId: 'roadmap' 
    }); 


    downloadUrl("data.php", function(data) { 
    var xml = data.responseXML; 
    var markers = xml.documentElement.getElementsByTagName("marker"); 
    for (var i = 0; i < markers.length; i++) { 
     var name = markers[i].getAttribute("GID"); 
     var address = markers[i].getAttribute("GasStationType"); 
     //var type = markers[i].getAttribute("type"); 
     var point = new google.maps.LatLng(
      parseFloat(markers[i].getAttribute("Lat")), 
      parseFloat(markers[i].getAttribute("Lon"))); 
     var html = "<b>" + name + "</b> <br/>" + address; 
     //var icon = customIcons[address] || {}; 
     var marker = new google.maps.Marker({ 
     map: map, 
     position: point, 
     //content: 'Hello' 
     //icon: icon.icon, 
     //shadow: icon.shadow 
     }); 
     bindInfoWindow(markers, map, infoWindow, html); 
    } 
    }); 
} 

function bindInfoWindow(marker, map, infoWindow, html) { 
    google.maps.event.addListener(marker, 'click', function() { 
    infoWindow.setContent(marker); 
    infoWindow.open(map, marker); 
    }); 
} 

Answer 1

bindInfoWindow(markers, map, infoWindow, html); markers是一個數組。 bindInfowindow需要一個標記。 infoWindow.setContent需要一個字符串，而不是google.maps.Marker對象。固定功能：

function bindInfoWindow(marker, map, infoWindow, html) { 
    google.maps.event.addListener(marker, 'click', function() { 
    infoWindow.setContent(html); 
    infoWindow.open(map, marker); 
    }); 
} 

改變這一點：

bindInfoWindow(markers, map, infoWindow, html); 

到：

bindInfoWindow(marker, map, infoWindow, html); 

working fiddle