我使用marketclusterer对象(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js)在Map缩小时将多个标记分组到一个集群中。
现在我有了一个信息框,当点击标记簇时会显示出来。我通过下面的代码块来实现这一点:
google.maps.event.addDomListener(markerCluster, 'clusterclick', function (cluster) {
var content;
var markers2 = cluster.getMarkers();
for(var i=0;i<markers2.length;i++)
{
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: data.title,
description: data.description,
companyname: data.companyname,
logofilename: data.logofilename,
postingid: data.postingid,
jobtitle: markers2[i].jobtitle
});
var testt = markers2[i].companyname;
content += '<IMG BORDER="0" width="80" height="50" style="margin-right:5px;" ALIGN="Left" SRC='+ decodeURIComponent(markers[i].logofilename)+'>'+markers[i].companyname+'<br /> ' + '<a href='+'javascript:NewWindow('+"'"+'../JobSeeker/JobPostingApplication.aspx?PostingID='+markers[i].postingid+'&GetPosting=True'+"'"+')>' + markers[i].jobtitle+'</a><br /><br /> ';
}
infoWindow.setContent('<div style="width:210px;height:150px;">'+content+'</div>');
var latLng = cluster.getCenter();
//var myLatlng = new google.maps.LatLng(cluster.getCenter().ya, cluster.getCenter().za);
var myLatlng = new google.maps.LatLng(latLng.ob, latLng.pb);
infoWindow.setPosition(myLatlng);
infoWindow.open(map);
});
我想用“mouseover”实现同样的效果,但是我尝试了“mouseover”和“mouseover”,但是没有任何React,控制台中也没有显示JS错误。
当鼠标停留在集群上时,是否需要调用其他事件来显示信息框?
1条答案
按热度按时间kuuvgm7e1#
尝试MarkerClusterPlus(根据文档,它支持鼠标悬停事件(MarkerClusterer没有提到事件)。