如何防止Pinterest Pin它書籤鏈接以獲取Google Maps圖片

Question

在我的網站上使用Google地圖，當我點擊從pinterest.com/about/goodies/頁面導入到書籤欄的Pin It書籤時，拿起Google Map圖像。

如何指定不要將包含Google地圖窗口小部件的div標籤內的圖片進行固定？

我無法單獨爲Google地圖圖片添加nopin屬性，因爲這些標記是由Google地圖庫動態生成的。

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

不管你的地圖的ID的這將工作，削減了不必要的find()，並且只運行鍼對尚未打上諾信的圖像。這樣，無論頁面上有多少地圖，它都不會受到負面影響。