마커 특정 infowindow에 내용을 표시하는 방법?

Question

검색 결과에 따라 마커 수가있는 google maps (api v3)를 만들었습니다. 마커를 클릭하면 정보 창이 열립니다. 정보창에 마커와 관련된 정보를 표시하는 가장 좋은 방법은 무엇입니까? 모든 마커와 관련된 정보는 아약스 요청에서받은 json 객체에 있습니다.

for (i=0; i < result.point.length; i++) { 
        var latLng = new google.maps.LatLng(result.proint[i].Latitude,result.point[i].Longitude);          
        var marker = new google.maps.Marker({ 
         position: latLng, 
         title: i.toString() 
         //map: map 
        }); 
        markersArray.push(marker); 

        var infowindow = new google.maps.InfoWindow({ 
         content: 'specific information associated to the marker clicked' 
        }); 

        google.maps.event.addListener(markersArray[i], 'click', function(event) { 
         infowindow.open(map, this); 
        }); 

Answer 1

무엇을 하려는지 확실하지 않습니다. 어디서/어떤 내용을로드하려고합니까?

google.maps.event.addListener(marker, 'click', (function(event, index) { 
    return function(){ 
    infowindow.content = markersArray[index].yourcontent; 
    // or 
    infowindow.content = yourcontentarray[index]; 
    infowindow.open(map,this); 
    } 
})(marker,i)); 

마커 및 infowindow 변수가 함수 외부에 선언되어 있는지 확인하십시오.

Answer 2

당신은 루프의 상단에 귀하의 예제에서 오타 (proint)가 :

for (i=0; i < result.point.length; i++) { 
    var info_window_content = result.point[i].Latitude + '<br />'; 
    info_window_content += result.point[i].Longitue + '<br />'; 
    // etc for any value in you json object 
    // create your marker as is. 
    ... 
    var infowindow = new google.maps.InfoWindow({ 
        content: info_window_content 
       }); 
    // etc, etc. 

당신이하고있는 것처럼 당신은, 각 마커에의 EventListener를 추가 할 필요가 없습니다. 나는 그 어떤 문제도 보지 못한다. infoWindow.open (map, marker)을 사용하는 대신 이것을 사용합니다.

infoWindow.open() 이후에보다 효율적인 방법이있을 수 있습니다. infoWindow.setContent (info_window_content)

Answer 3

먼저, for 루프에서 infoWindow를 생성해야합니다. 이에 클릭 이벤트를 첨부

다음, 변경 :

google.maps.event.addListener(markersArray[i], 'click', function(content) { 
    return function(event){ 
     infowindow.setContent(content); 
     infowindow.open(map, this); 
    } 
}(WHATEVER_THE_CONTENT_SHOULD_BE_FOR_THIS_MARKER)); 

당신은 이 대신 마커를 사용하고 싶습니다. 이은 이벤트가 발생한 개체를 나타냅니다. 마커은 생성 된 마지막 마커를 나타냅니다.

Answer 4

위에서 제안한대로 infoWindow를 하나만 만듭니다.

마커 내부의 콘텐츠 가기 :

var marker = new google.maps.Marker({ 
         position: latLng, 
         title: i.toString(), 
         //set your content here 
         content:'your specific content' 
         //map: map 
        }); 

윈도우의 개방 :

google.maps.event.addListener(markersArray[i], 'click', function(event) { 
         infoWindow.setContent(this.content); 
         infowindow.open(map, this); 
        }); 

Answer 5

이 시도는, 내가 코드를 살고

// Add markers 

    for (i=0; i < result.point.length; i++) { 
        var latLng = new google.maps.LatLng(result.proint[i].Latitude, result.point[i].Longitude);          
        var marker = new google.maps.Marker({ 
         position: latLng, 
         title: i.toString() 
         //map: map 
        });      

    // marker info start 
        var infowindow = new google.maps.InfoWindow(); 

    (function (marker, result.point[i]) { 
        // add click event 
        google.maps.event.addListener(marker, 'click', function() { 
        var infoContent: "specific information associated to the marker clicked" 
        }); 
     infoWindow.setContent(infoContent); 
         infowindow.open(map, marker); 
        }); 

    // selected marker 4 infowindow 
    (marker, result.point[i]); 

     markersArray.push(marker); 
     }