Как предотвратить Pinterest Pin Это ссылка на закладку для получения изображений Google Maps

Question

Использование Google Maps на моем сайте, а также когда я нажимаю на закладке Pin It, импортированной в панель закладок со страницы pinterest.com/about/goodies/, это захватывает изображения Google Map.

Как я могу указать не наведение изображений, найденных внутри тега div, который содержит виджет карты google?

Я не могу отдельно добавить атрибут nopin к изображениям изображений Google, так как эти теги генерируются динамически с помощью библиотеки Google Maps.

Answer 1

Это то, что я сделал в моей инициализации карты. Я использую jQuery, чтобы добавить теги nopin к изображениям после загрузки фрагментов.

google.maps.event.addListener(map, 'tilesloaded', function() { 
    $('#map_canvas').find('img').attr('nopin','nopin'); 
}); 

Answer 2

Это немного более простой ответ, который немного более прочен. Я нашел ваш ответ только после этого. Просто хочу передать то, что я узнал.

google.maps.event.addListener(map, 'tilesloaded', function(){ 
    $('div.gm-style img:not([nopin=nopin])').attr('nopin','nopin'); 
}); 

Это будет работать независимо от идентификатора вашей собственной карты, вырезает ненужные find(), и работает только с изображениями, которые уже не помеченных nopin. Таким образом, это не будет отрицательно сказываться независимо от того, сколько карт у вас на странице.