1

マップ マーカーにカーソルを合わせたときにTwitter のブートストラップ オプションを表示したいtooltipので、次のようにします。

function createMarker(place){
    var placeLoc=place.geometry.location;

      var image = 'https://mts.googleapis.com/vt/icon/name=icons/spotlight/spotlight-waypoint-a.png&psize=14&font=fonts/Roboto-Regular.ttf&color=fffa4c38&ax=44&ay=48&scale=1';


    marker = new RichMarker({
          position: placeLoc,
          shadow: 0,
          map: map,
      content: '<div class="kikonica" data-toggle="tooltip" data-placement="right"><img src='+image+'</img></div>',
          });

したがって、私のマーカーはクラス .kikonica の html コードです。ツールチップを追加しようとしています：

$(function() {
  $('.kikonica').tooltop({placement: 'right'});
});

動作しません。ここで何が問題ですか？マップマーカーのホバーにツールチップを表示できない理由が本当にわかりません...助けてください

4

2 に答える 2

2

一見、タイプミスがあるように見えます。

$('.kikonica'). ツールトップ({配置: '右'});

$(function() {
  $('.kikonica').tooltip({placement: 'right'});
});

編集: 1

ツールチップが機能するには、タイトル属性が必要だと思います。

...

content: '<div title="my tooltip text" class="kikonica" data-toggle="tooltip" data-placement="right"><img src='+image+'</img></div>',

...

編集 2

// .kikonica が存在するかどうかを確認します

$(function() {

  alert ($('.kikonica').length);

if($('.kikonica').length > 0){

  $('.kikonica').tooltip({placement: 'right'});
}
});

編集 3

setTimeout(function(){

$('.kikonica').tooltip({placement: 'right'});

},50); // increse this value (50) to higher if needed

編集 4 この署名を使用

  google.maps.event.addListener(marker, 'mouseover', function() {

     $('.kikonica').tooltip({placement: 'right'});

  });
于 2013-11-01T00:36:56.987 に答える
0

パーティーには少し遅れました...しかし、正しいツールチップの動作を確実にするために、マップが完全にロードされたときにツールチップを追加します。マウスオーバーに追加すると、最初のホバーが表示されなくなります。

    // Add tooltips when map is fully loaded
    google.maps.event.addListenerOnce(map, 'idle', function(){
        $('.kikonica').tooltip({placement: 'right'});
    });
于 2016-01-13T12:47:30.663 に答える