我在使用Google Maps API的v3时遇到了问题,并使用InfoBox插件专门针对此可用性问题用例:
由于我的地图需要在将鼠标悬停在每个相应标记上时打开自定义信息框,因此当地图上有2个靠近的标记时,即使其中一个标记位于当前打开的信息框后面将鼠标悬停在另一个旁边标记上时,它会在鼠标悬停在标记上时触发(即使它位于当前打开的信息框后面),另一个信息框阻碍了当前/之前打开的信息框
我在这里通过另一张海报跟踪问答流程:Google Maps API v3使用InfoBox插件进行事件鼠标悬停并遵循推荐的代码,但我无法理解如何防止打开信息框后面的标记在信息框关闭之前不要触发.
var gpoints = [];
function initializeMap1() {
var Map1MileLatLang = new google.maps.LatLng(39.285900,-76.570000);
var Map1MileOptions = {
mapTypeControlOptions: {
mapTypeIds: [ 'Styled']
},
mapTypeControl: false,
zoom: 14,
center: Map1MileLatLang,
//mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeId: 'Styled'
};
var Map1Mile = new google.maps.Map(document.getElementById("map_canvas"), Map1MileOptions);
var styledMapType = new google.maps.StyledMapType(styles, { name: 'Styled' });//new
Map1Mile.mapTypes.set('Styled', styledMapType);//new
for ( var i=0; i<5; i++ ) {
gpoints.push( new point(Map1Mile) );
gpoints.push( new point2(Map1Mile) );
}
function popup(_point) { …Run Code Online (Sandbox Code Playgroud)