javascript - 在 map 标记上显示工具提示

当我将鼠标悬停在地图标记上时，我想显示twitter bootstrap 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'});
});

bt不工作。这是什么问题？
我真的不明白为什么我不能在地图标记悬停上显示工具提示...
请帮忙

最佳答案

乍一看，好像您有错字。

$（'。kikonica'）。tooltop（{placement：'right'}）;

$(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'});

  });