Google지도 변경 Infowindow Close Icon

Question

Infowindow 닫기 버튼의 기본 그래픽을 변경하려면 어떻게해야합니까?

Answer 1

실제로 이렇게 할 방법이 없습니다. 가장 좋은 방법은 제 3 자 또는 사용자 정의 Infowindow를 사용하는 것입니다.

제 3 자 솔루션 목록이 있습니다 here.

Answer 2

Google지도 API V3을 사용하는 경우 공식 추가 정보함을 사용할 수 있습니다. Google Maps Utility - Infobox

Answer 3

jQuery를 사용하면 이미지 파일 위치를 변경할 수 있습니다. 이것은 단지 한 구글은이 파일의 위치를 ​​사용하기 때문에 작동 물론

jQuery('img[src="http://maps.gstatic.com/intl/en_us/mapfiles/iw_close.gif"]').livequery(function() { 
    jQuery(this).attr('width', 16).attr('height', 16).css({ 
     width: '16px', 
     height: '16px' 
    }).attr('src', 'button_close.png'); 
}); 

: I의 크기는 16px 된 이미지 button_close.png이있는 경우.

Answer 4

이 같은

$('img[src="http://maps.gstatic.com/intl/en_us/mapfiles/iw_close.gif"]').each(function() { 
    $(this).attr('width', 14); 
    $(this).attr('height', 13); 
    $(this).css({width: '14px',height: '13px'}); 
    $(this).attr('src','http://www.google.com/intl/en_us/mapfiles/close.gif'); 
}); 

Answer 5

당신은 CSS와 함께 할 수있는 이러한 라인을 추가 할 수 있습니다

infowindow.open(map, marker); 

후 와 (또는 당신이 좋아할만한 어떤 이미지)를 교체하려면 :

img[src="http://maps.gstatic.com/intl/en_us/mapfiles/iw_close.gif"] 
{ content:url("/img/own_close_button.png"); } 

작동 시간 :

• 크롬 14.0.835.163
• 사파리 4.0.5
• 오페라 10.6
• 대부분의 모바일 기기 (기본 브라우저)

은 작동하지 않습니다 :

• 파이어 폭스 27.0
• IE 11.0