当鼠标悬停在标记上时打开信息窗口的方法

时间:2013-08-03 15:50:11

标签: jquery google-maps-api-3

我做了这么多

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的数据库。当我点击其中一个标记时,我得到了我需要的信息。每个标记窗口都有不同的信息。所以现在我希望在标记上使用鼠标悬停事件打开信息窗口。 上面的鼠标悬停事件功能正常,但我不知道如何使用此事件打开信息窗口。

1 个答案:

答案 0 :(得分:1)

你可以这样做:

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

它只是触发谷歌自己的事件,点击标记'testMarker'。

希望它有所帮助。