0

ウェブサイトで Google マップを使用しています。

Web サイトでマップを表示するときに、クリックできるさまざまなピン (場所) があります。

場所をクリックすると、ポップアップ ボックス (Google マップの吹き出し) が表示されます。ここで、 Addressフィールドの横に追加のコンテンツを追加したいと考えています。これを行う唯一の方法は、jQuery を使用することです。

ポップアップ バブルの html は次のとおりです。

<div class="google-map-placeholder">
 <div class="bubble-content">
   <h4>Address: </h4>
   <p class="custom-bubble-text">Lat and long...</p>
   <p class="custom-bubble-text">PE Offices</p>
 </div>
</div>

カスタム テキスト custom を Address: 要素に追加する方法

jQuery:

var x = $('div.google-map-placeholder').find('div.bubble-content p.custom-bubble-text').html();
            if(x == 'NY Offices'){
                $('div.google-map-placeholder').find('div.bubble-content h4').html('Address: My custom address');
            }

しかし、それは機能しません(私のhtmlを追加しません)...

マップ マーカー アイコンをクリックするときにイベント リスナーを追加する必要があると思いますが、どうすればよいですか?

グーグルマップの画像

4

2 に答える 2

1

http://api.jquery.com/click/

jQuery オブジェクトで表される DOM ノードにイベント リスナーを追加できます。

$("#target").click(function() {
  alert("Handler for .click() called.");
});

onClick が起動されたときに onClick ハンドラーの内部を変更するために (ポップアップの内部で) ターゲットにしている DOM で問題が発生する可能性があるように感じます。

于 2013-04-08T12:03:07.663 に答える
1

最善の方法は、infobox.js と呼ばれる Google マップのカスタム情報ボックス プラグインだと思います。

次のリンクを参照してください。

http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.5/docs/examples.html Google マップの情報バブルのカスタマイズ

お役に立てれば

于 2013-04-10T09:15:55.300 に答える