谷歌地图信息框旁边的标记旁边的标记不在标记

我没有得到足够的关注昨天这post但经过多一点研究后，我想知道如何我可以定位信息框的谷歌标记没有超过针但类似于此website当您将鼠标悬停在同一个点上时，信息框将显示在同一点上，因此mouseout事件不会触发，因为鼠标仍在该组标记之上。我想知道我如何能够实现与昨天发布的帖子类似的内容。因此，为了结束这篇文章，是否有任何可以应用的样式代码，以便我可以在标记上显示信息框？每个建议都非常感谢。谢谢，Laziale谷歌地图信息框旁边的标记旁边的标记不在标记

来源

2013-11-20 Laziale

它是在正确的默认设置为140px，所以分别设定为x和y的值和盒子每次都会出现在那里。

您可以自行安排的偏移值。

试试这个代码..

var infowindows = []; //make it global 
var popup = new InfoBox({ 
     // size: new google.maps.Size(420,130), 
     content:content_info 
     ,pixelOffset: new google.maps.Size(10, -100) //these are the offset values to be adjusted accordingly.. 
     ,disableAutoPan: false 
     ,closeBoxMargin: "5px 5px 2px 2px" 
     ,boxStyle: {opacity: 0.95 
       } 

    }); 

infowindows.push(popup); 
google.maps.event.addListener(marker, 'mouseover', function() { 
     close_popups(); 
     map.panTo(mycenter1); 
     popup.open(map, marker); 


     // currentPopup = null; 
     }); 

function close_popups(){ 
     for(var i = 0; i<infowindows.length; i++){ 
     infowindows[i].close(); 
     } 
    }

来源

2013-11-21 07:34:44

您可以使用alignBottom和pixelOffset属性InfoBox来实现你想要的。我创造了一个小提琴，虽然看起来很糟糕，但我认为它可以让你在实施方面走上正轨。你可以把它擦亮自己的喜好，你得到它的工作:) FIDDLE

基本上，你指定喜欢选择后：

var ibOptions = { 
    content: 'your content', 
    pixelOffset: new google.maps.Size(-5, -15), 
    alignBottom: true 
};

您可以调整pixelOffset，用于根据自己的喜好，所以内容显示了标记并且鼠标未被触发。

然后，你这样做是为了绑定到鼠标悬停事件（你可能已经知道）：

google.maps.event.addListener(marker, "mouseover", function (e) { 
    ib.open(map, this); 
});

来源

2013-11-21 07:20:21

THX我检查你的榜样，但是当我将鼠标悬停在信息框信息框自败，检查该更新的例子包括用鼠标移开功能。 http://jsfiddle.net/r5kq5/1/ – Laziale

谷歌地图信息框旁边的标记旁边的标记不在标记

回答

相关问题