如何防止 Pinterest Pin It 书签链接以获取 Google 地图图像答案

【问题标题】：How to prevent Pinterest Pin It bookmark link to pick up Google Maps Images如何防止 Pinterest Pin It 书签链接以获取 Google 地图图像
【发布时间】：2012-05-24 14:07:45
【问题描述】：

在我的网站上使用谷歌地图，当我点击从他们的 pinterest.com/about/goodies/ 页面导入到书签栏的 Pin It 小书签时，它会选择谷歌地图图像。

如何指定不固定包含谷歌地图小部件的 div 标签内的图像？

我不能单独向谷歌地图图像添加 nopin 属性，因为这些标签是由谷歌地图库动态生成的。

【问题讨论】：

标签： html bookmarklet pinterest

【解决方案1】：

这就是我在地图初始化方法中所做的。我正在使用jQuery 将nopin 标签添加到加载磁贴后的图像中。

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

【讨论】：

我必须为 'tilesloaded' 和 'bounds_changed' 地图事件添加一个事件侦听器，但除此之外，这个答案效果很好
除了 jQuery，你还有什么建议吗？

【解决方案2】：

这是一个稍微简单一点的答案，它更健壮一些。我自己处理完这个问题后才找到你的答案。只是想把我学到的东西传授给大家。

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

无论您的地图 ID 是什么，这都将起作用，删除不必要的 find()，并且仅针对尚未使用 nopin 标记的图像运行。这样，无论页面上有多少地图，它都不会受到负面影响。

【讨论】：