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

Question

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

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

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

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()，并且仅针对尚未使用 nopin 标记的图像运行。这样，无论页面上有多少张地图，它都不会受到负面影响。