Html 如何防止Pinterest通过pinit书签链接获取谷歌地图图像

在我的网站上使用谷歌地图，当我点击从pinterest.com/about/goodies/页面导入到书签栏的Pin-It bookmarklet时，它会拾取谷歌地图图像

如何指定不锁定包含GoogleMap小部件的div标记中的图像

---

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

这就是我在地图初始化方法中所做的。我正在使用

jQuery

在加载平铺后将

nopin

标记添加到图像中

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

---

这是一个稍微简单一点的答案，有点稳健。我是在亲自处理这件事后才找到你的答案的。只是想把我学到的东西传给大家

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

---

这将在不考虑地图id的情况下工作，删除不必要的

find（）

，并且仅针对尚未使用nopin标记的图像运行。这样，无论页面上有多少个映射，它都不会受到负面影响。

我必须为“tilesloaded”和“bounds\u changed”映射事件添加一个事件侦听器，但除此之外，这个答案很有效。除了jQuery之外，您还有其他建议吗？