無法顯示infowindow中的內容，我正在使用谷歌地圖API v3

Question

在此先感謝，我困在當下試圖找出爲什麼我的代碼無法正常工作，我一直在嘗試顯示內容使用在過去的幾個小時infowindow，我找不到爲什麼內容不顯示在框中。目前我能夠根據座標在不同位置顯示地圖上的多個標記，現在只需在點擊標記時顯示信息窗口中的相關內容。我可以顯示infowindow，但它是空白的，它沒有顯示字符串。在這裏我粘貼我的功能。再次感謝。

function initialize() { 

     var mapOptions = { 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      mapTypeControl: false 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); 
     var infowindow = new google.maps.InfoWindow(); 
     var marker, i; 
     var bounds = new google.maps.LatLngBounds(); 

     var image = 'http://193.168.3.5/Location&Tracking/images/taxiv7_trans_small.png'; 

     for (i = 0; i < markers.length; i++) { 
      var pos = new google.maps.LatLng(markers[i][1], markers[i][2]); 
      bounds.extend(pos); 
      marker = new google.maps.Marker({ 
       position: pos, 
       map: map, 
       icon: image 


      }); 


      function placeMarker(location) { 
       var marker = new google.maps.Marker({ 
        position: location, 
        map: map 
       }); 
       var infowindow = new google.maps.InfoWindow({ 
        content: 'Latitude: ' + location.lat() + 
         '<br>Longitude: ' + location.lng() 
       }); 
       infowindow.open(map,marker); 
      } 


      var infowindow = new google.maps.InfoWindow({ 
       content:"Hello World!" 
      }); 


      google.maps.event.addListener(marker, 'click', (function(marker, i) { 
       return function() { 


        infowindow.setContent(markers[i][0]); 
        infowindow.open(map, marker); 

       } 
      })(marker, i)); 



     } 
     map.fitBounds(bounds); 
    } 

Answer 1

我終於找到了解決我自己的問題： 是顯示信息窗口內的文本，但文本顏色爲白色爲背景，巫婆它maked無形。我通過應用html代碼改變了文字顏色，並將其改爲藍色。在給內容：價值和infowindow.open兩次時，我也在重複這些，這對編寫前一個沒有任何意義。 在這裏，我粘貼更正的代碼，它現在適用於我。 無論如何，謝謝。

function initialize() { 

     //Create an object variable containing set of properties, to pass to the map 
     var mapOptions = { 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      mapTypeControl: false 
     }; 

     // Intializing map by calling constructor 
     var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); 
     var infowindow = new google.maps.InfoWindow(); 
     var marker, i; 
     var bounds = new google.maps.LatLngBounds(); 

     //set image to the icon marker 
     var image = 'http://193.168.3.5/Location&Tracking/images/taxiv7_trans_small.png'; 


     for (i = 0; i < markers.length; i++) { 
      var pos = new google.maps.LatLng(markers[i][1], markers[i][2]); 
      bounds.extend(pos); 
      marker = new google.maps.Marker({ 
       position: pos, 
       map: map, 
       icon: image 


      }); 



      google.maps.event.addListener(marker, 'click', (function(marker, i) { 
       return function() { 



      var infowindow = new google.maps.InfoWindow({ 
       content:'<p style="color:blue;"> This is marker No.'+markers[i][0]+'</p>'}); 


        infowindow.open(map, marker); 

       } 
      })(marker, i)); 



     } 
     map.fitBounds(bounds); 
    }