Изменить значок Google Maps Infowindow Закрыть

Ответ 1

Вы можете сделать это с помощью CSS, например:

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

Работает на:

• Chrome 14.0.835.163
• Safari 4.0.5
• Opera 10.6
• Большинство мобильных устройств (браузер по умолчанию)

Не работает:

• FireFox 27.0
• IE 11.0

Ответ 2

Если вы используете Google Maps API V3, вам может понадобиться официальное дополнение на инфобоксах. Утилита Google Maps - Инфобоксы

Ответ 3

На самом деле нет способа сделать это. Лучше всего, вероятно, использовать сторонний или пользовательский Infowindow.

Вот список некоторых сторонних решений здесь.

Ответ 4

С помощью jQuery вы можете изменить расположение файла изображения. Если у меня есть изображение button_close.png размером 16 пикселей:

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');
});

Конечно, это работает только до тех пор, пока Google использует это расположение файла.

Ответ 5

Чтобы заменить на (или любое другое изображение), после

infowindow.open(map, marker);

вы можете попробовать добавить эти строки

$('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');
});