2013-08-03 63 views
0

我已经做了这么多方式打开信息窗口,当鼠标在标记

function xmlParser(xml) { 
    $('#load').fadeOut(); 
    var marker=[]; 
    $(xml).find("da").each(function() { 
     $(".main").prepend('<div class="data"><div class="name">Name ' + $(this).find("name").text() + '</div><div class="latitude">Latitude ' + $(this).find("lat").text() + '</div><div class="longitube">Longitude ' + $(this).find("lng").text() + '</div></div>'); 
     $(".data").fadeIn(1000); 
     var lat = parseFloat($(this).find('lat').text());  
     var lng = parseFloat($(this).find('lng').text()); 
     var idd = parseInt($(this).find('id').text()); 
     //var lat=parseFloat(latt); 
     var content=idd+$(this).find("name").text()+'<br/>'+$(this).find("lat").text() + '<br/>'+ $(this).find("lng").text() ; 
     //var lng=parseFloat(lngg); 
     marker.push({latitude: lat, 
       longitude: lng, id :'testMarker', 
       html: { content: content, } 
     }) 
    }); 

    $("#map").goMap({ 
     markers: marker 
    }); 
    $.goMap.createListener({type:'marker', marker:'testMarker'}, 'mouseover', function() { }); 
} 

所以基本上值从数据库中使用AJAX来。另外,当我点击其中一个标记时,就会得到我需要的信息。每个标记的窗口都有不同的信息。所以现在我想要在标记上使用mouseover事件打开信息窗口。 上述鼠标悬停事件功能正常工作,但我不知道如何使用此事件打开信息窗口。

回答

1

你可以做这样的事情:

$.goMap.createListener({type:'marker', marker:'testMarker'}, 'mouseover', function() { 
    google.maps.event.trigger($($.goMap.mapId).data('testMarker'), 'click'); 
}); 

它只是引发谷歌自己的事件,点击标记“testMarker”。

希望它有帮助。

+0

但我想mouseover事件...我有多个标记具有不同的数据。 – user2147744

+0

这是鼠标悬停。只有在鼠标悬停功能中,您才会触发点击,打开infowindow。 '$ .goMap'插件的工作方式没有'mouseover'的地方。 – putvande