谷歌地圖信息框旁邊的標記旁邊的標記不在標記

我沒有得到足夠的關注昨天這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

谷歌地圖信息框旁邊的標記旁邊的標記不在標記

回答

相關問題