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

Question

Как я могу изменить изображение по умолчанию для кнопки закрытия Infowindow?

Answer 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
• Опера 10,6
• Большинство мобильных устройств (браузер по умолчанию)

Не работает на:

• FireFox 27,0
• IE 11.0

Answer 2

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

Answer 3

Заменить на (или любое другое изображение, которое вам может понравиться) после

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

Answer 4

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

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 использует это местоположение файла.

Answer 5

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

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