如何防止Pinterest Pin It书签链接以获取Google Maps Images

Question

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

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

我无法单独为Google地图图片添加nopin属性，因为这些标记是由Google地图库动态生成的。

Answer 1

这是我在map初始化方法中所做的。我正在使用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()，并且仅针对尚未使用nopin标记的图片运行。这样，无论您在页面上有多少张地图，它都不会受到负面影响。