Javascript 在地图标记上显示工具提示

Javascript 在地图标记上显示工具提示,javascript,jquery,google-maps,twitter-bootstrap,google-maps-api-3,Javascript,Jquery,Google Maps,Twitter Bootstrap,Google Maps Api 3,当我将鼠标悬停在地图标记上时,我想显示twitter引导工具提示选项,所以我这样做: 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

当我将鼠标悬停在地图标记上时,我想显示twitter引导
工具提示
选项,所以我这样做:

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>',
          });
bt不起作用。这里有什么问题? 我真的不明白为什么我不能在地图标记悬停上显示工具提示。。。
请帮助

乍一看,您好像有打字错误

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

编辑:1

我认为工具提示必须具有title属性才能工作

编辑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'});

  });

派对有点晚了。。。但我会在地图完全加载时添加工具提示,以确保正确的工具提示行为。将其添加到鼠标悬停上可防止其显示第一次悬停

    // Add tooltips when map is fully loaded
    google.maps.event.addListenerOnce(map, 'idle', function(){
        $('.kikonica').tooltip({placement: 'right'});
    });

不,正如您在我的演示页面图像上看到的一样,同样是相同的:我也尝试使用:google.maps.event.addListener('.kikonica','mouseover',function(){$('.kikonica').tooltip();})@drCode没有更多的信息,或者只是一个例子,很难理解正在发生的事情。请尝试检查domready上是否存在element.kikonica。看到我的编辑返回我一个0,所以我的标记是在我点击按钮后自动添加的。。。也许这就是问题所在?我也尝试了:google.maps.event.addListener(映射,'tilesloadded',函数(evt){$('.kikonica')。工具提示('show');});
$(function() {

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

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

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

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

},50); // increse this value (50) to higher if needed
  google.maps.event.addListener(marker, 'mouseover', function() {

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

  });
    // Add tooltips when map is fully loaded
    google.maps.event.addListenerOnce(map, 'idle', function(){
        $('.kikonica').tooltip({placement: 'right'});
    });