谷歌地圖API v3 - 數組和信息窗口

Question

我一直在努力爲我的標記每一個infowindow一會兒，但不能讓它工作。

這是我想出了：

for(var i=0; i<markery.length; i++) 
{ 
    var latt = parseFloat(markery[i].attributes.getNamedItem("lat").nodeValue); 
    var lon = parseFloat(markery[i].attributes.getNamedItem("lon").nodeValue); 
    var ikona_url = markery[i].attributes.getNamedItem("ikona").nodeValue; 
    var nazwa = markery[i].attributes.getNamedItem("nazwa").nodeValue; 
    var rozmiar = new google.maps.Size(30,23); 
    var punkt_startowy = new google.maps.Point(0,0); 
    var punkt_zaczepienia = new google.maps.Point(15,12); 
    var ikona = new google.maps.MarkerImage(ikona_url, rozmiar, punkt_startowy, punkt_zaczepienia); 
    markert.push(new google.maps.Marker({ 
        position: new google.maps.LatLng(latt,lon), 
        title: nazwa, 
        icon: ikona, 
        map: map, 
        content: nazwa 
       })); 

    google.maps.event.addListener(marker, 'click', function() { 
     var info = new google.maps.InfoWindow({content: this.content}); 
    }); 
} 

而且完整的代碼：

<script type="text/javascript"> 

var map; 
var marker1; 
var markert = []; 
var lati; 
var loni; 
var infowindow; 

我開始在地圖：

function initialize() { 

    lat = 50.42952; 
    long = 15.60059; 
    var latlng = new google.maps.LatLng(lat, long); 
    var myOptions = { 
     zoom: 5, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     draggableCursor:'crosshair', 
       }; 

    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
dymek = new google.maps.InfoWindow(); 

    google.maps.event.addListener(map, 'click', function(event) { 
     add_marker(event.latLng, 'Your new marker', 'Your new marker'); 
    }); 

} 

這個函數獲取的地址點擊點：

 function findAddress(event) { 
    var geocoder = new google.maps.Geocoder(); 
    geocoder.geocode({latLng: event.latLng}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
     if (results[0]) { 

      infoWindow.setContent(results[0].formatted_address); 
      infoWindow.setPosition(event.latLng); 
      infoWindow.open(map); 
     } 
     } 
    }); 
    } 

此功能增加了一個新的標記，我點擊上圖：

function add_marker(pos, pos_title, pos_str) { 

    marker1 = new google.maps.Marker({ 
     position: pos, 
     map: map, 
     draggable: true, 
     title: pos_title 
    }); 

    map.setZoom(15); 
    map.setCenter(marker1.getPosition()); 
    LoadMarkers(); 
        } 

此函數加載是我在上面的函數生成的標記附近的景點：

function LoadMarkers() 
     { 

var adres='add.xml?lat='+lati+'&long='+loni; 
      jx.load(adres, function(xml) 
      { 
       var markery = xml.getElementsByTagName("marker"); 
       for(var i=0; i<markery.length; i++) 
       { 
        var latt   = parseFloat(markery[i].attributes.getNamedItem("lat").nodeValue); 
        var lon   = parseFloat(markery[i].attributes.getNamedItem("lon").nodeValue); 
        var ikona_url = markery[i].attributes.getNamedItem("ikona").nodeValue; 
        var nazwa  = markery[i].attributes.getNamedItem("nazwa").nodeValue; 
       var markert  = addMarkers(latt,lon,ikona_url,nazwa); 



       } 

      },'xml','get'); 
     } 

這函數實際上會在地圖上標註附近的標記。這些標記是我想要的信息窗口，顯示的：

function addMarkers(latt,lon,ikona_url,nazwa) 
     { 
      var rozmiar = new google.maps.Size(30,23); 
      var punkt_startowy = new google.maps.Point(0,0); 
      var punkt_zaczepienia = new google.maps.Point(15,12);  
      var ikona = new google.maps.MarkerImage(ikona_url, rozmiar, punkt_startowy, punkt_zaczepienia); 
      markert.push(new google.maps.Marker({ 
         position: new google.maps.LatLng(latt,lon), 
         title: nazwa, 
         icon: ikona, 
         map: map, 
         animation: google.maps.Animation.DROP })); 

google.maps.event.addListener(markert, 'tilesloaded', function() { 
    var info = new google.maps.InfoWindow({content: nazwa}); 
}); 

     } 

Answer 1

你實際上並沒有在任何時候打開信息窗口。請檢查此documentation and example，並相應地調整您的代碼。您實際上需要使用open方法來處理infowindow。