Google지도 - 클릭 이벤트 또는 이후에 infowindow CSS 수정

Question

Google지도에서 Infowindow가 표시되기 전에 InfoWindow의 초기 레이아웃을 조정하고 싶습니다. 특히 난에이 작업을 수행하고자하는 또는 직후이 마커를 클릭했을 때 (성공적으로) 정보창을 생성하는 코드입니다 eventL

을

  // on click    
      $(".tabs").hide(); 
      $("#summary").show(); 

클릭합니다. 위의 코드와 이벤트를 추가 할 위치를 찾아야합니다.

 // Renders the marker on the specified map 
     marker.setMap(map); 

     // create an InfoWindow 
     var infoWnd = new google.maps.InfoWindow();   

     // add content to your InfoWindow 
     infoWnd.setContent('<div class="scrollFix">' + infoWindowContent); 

     // add listener on InfoWindow - close last infoWindow before opening new one 
     google.maps.event.addListener(marker, 'click', function() { 

      //Close active window if exists 
      if(activeInfoWindow != null) activeInfoWindow.close(); 

      // Open InfoWindow 
      infoWnd.open(map, marker); 

      // Store new open InfoWindow in global variable 
      activeInfoWindow = infoWnd; 

      .... 

Answer 1

'domready'이벤트의 InfoWindow에 리스너를 추가하십시오. 이 작업이 트리거되면 InfoWindow의 내용에 변경 내용을 적용하십시오.

 // Renders the marker on the specified map 
     marker.setMap(map); 

     // create an InfoWindow 
     var infoWnd = new google.maps.InfoWindow();   

     // put a listener of InfoWindow, when "domready", make changes to content 
     google.maps.event.addListener(infoWnd, 'domready', function() { 
      $("span.tabs").hide(); 
      $("#summary_tab").show();      
     }); 

     // add content to your InfoWindow 
     infoWnd.setContent('<div class="scrollFix">' + infoWindowContent + "<div>"); 


     // add listener on InfoWindow for CLICK event- close last infoWindow before opening new one 
     google.maps.event.addListener(marker, 'click', function() { 


      //Close active window if exists 
      if(activeInfoWindow != null) activeInfoWindow.close(); 

      // Store new open InfoWindow in global variable 
      activeInfoWindow = infoWnd; 

      // Open InfoWindow 
      infoWnd.open(map, marker);    
     });