2

私のサイトで Google マップを使用し、pinterest.com/about/goodies/ ページからブックマーク バーにインポートされた Pin It ブックマークレットをクリックすると、Google マップの画像が表示されます。

Google マップ ウィジェットを含む div タグ内にある画像を固定しないように指定するにはどうすればよいですか?

これらのタグは Google マップ ライブラリによって動的に生成されるため、Google マップ イメージに nopin 属性を個別に追加することはできません。

4

2 に答える 2

5

これは、マップの初期化メソッドで行ったことです。タイルが読み込まれた後、画像にタグjQueryを追加するために使用しています。nopin

google.maps.event.addListener(map, 'tilesloaded', function() {
    $('#map_canvas').find('img').attr('nopin','nopin');
});
于 2012-06-06T20:02:00.110 に答える
4

これは、もう少し堅牢な、少し単純な答えです。私はこれを自分で扱った後にあなたの答えを見つけました。学んだことを伝えたいだけです。

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

これは、マップの ID に関係なく機能し、不要な を切り取り、find()まだ nopin でマークされていない画像に対してのみ実行されます。このようにして、ページにいくつのマップがあるかに関係なく、悪影響を受けることはありません。

于 2016-08-19T16:30:03.770 に答える