jQuery가 Google지도와 함께 작동하지 않습니다.

Question

내 jQuery 추가 기능이 작동하지 않습니다. "CollapsiblePanelContent"라는 클래스가있는 div가 있습니다. 나도 마커를 생성하는 Google지도 마커 생성기가 있습니다. XML에서 마커 정보를 모두 포함하는 배열 markerArr이 있습니다. 발전기가 완료되면 내가 함수 appendMarkers()를 호출 :

사업부는 다음과 같습니다

function appendMarkers() { 
for(var i = 0; i < markersArr.length; 
i++) {  
var marker = markersArr[i]; 

$('.CollapsiblePanelContent').append("<a href='#' 
onclick='showInfoWindow("+i+")> 
"+marker.getAttribute('name')+"</a><br>");  
} 
} 

:

DIV 클래스 = "CollapsiblePanelContent">

/DIV>

콘솔 로깅 나에게 markerArr의 정확한 길이를 주었고 Google지도와 jquery가로드되었는지 확인하는 것이 모두 긍정적이었습니다.

누군가 내가 뭘 잘못하고 있다고 말할 수 있습니까?

업데이트 내 기능에 marker.getAttribute를 사용했을 때 어떻게 든 작동하지 않았습니다. 받는 다음

var name = markersArr[i].getAttribute("name") 

그리고 편집 해 : 나는 다음을했을 때 는 그러나

$('.CollapsiblePanelContent').append(name); 

그것은 일을했다. 이 변경으로 인해 왜 효과가 있었는지는 분명하지 않습니다. 어쩌면 누군가가 설명 할 수 있을까요?

Answer 1

기능은 구문 오류가

가정하면 마커가 이런 식으로 설정되어 있습니다.

요소 작성하는 대신 문자열 연결의 jQuery를-방법을 사용

이

 function appendMarkers() { 

     for(var i = 0; i < markersArr.length; i++) {  
      var marker = markersArr[i]; 

      $('.CollapsiblePanelContent') 
      .append($('<a>',{href:'javascript:void(0)'}) 
        .text(marker.getAttribute('name')) 
        .click(i,showInfoWindow)) 
      .append('<br/>');  
      } 
     } 

참고 : i -argument이 arguments[0].data

Answer 2

마커 개체에 특성을 추가 할 수 있습니다. 일단 검색하면 액세스 할 수 있습니다. 그래서 :

var marker = new google.maps.Marker({ 
       position: myLatlng, 
       map: map, 
       name: 'my name is...' 
}); 

당신은 함수에서 이런 식으로 이름을 검색 할 수 있습니다 :

function appendMarkers() { 
    for (var i = 0; i < markersArr.length; i++) { 
     var marker = markersArr[i]; 
     $('.CollapsiblePanelContent').append("<p>"+marker.name+"</p>"); 
    } 
}