マーカーのマウスオーバーに関する私のコードを以下に示します。
events:{
mouseover: function(marker, event, context){
$(this).gmap3(
{clear:"overlay"},
{
overlay:{
latLng: marker.getPosition(),
options:{
content: "<span class='infobubble_content'><div class='infobubble infobulle"+(context.data ? " drive" : "")+"'><div class='infobubble_wrap'><div class='close_popup' onclick = 'clearmap();'>x</div><div class='infobubble_event_text'>" +
"<a href='"+appUrl+"/events/"+context.data.eventid+"'><div class='infobubble_event_names'>" + context.data.title + "</div></a>" +
"<div class='infobubble_event_date'>" + context.data.date +"</div>" +
"<div class='infobubble_event_venue'>" + context.data.venue + "</div>" +
"</div><div class='infobubble_event_image'><img src=" + context.data.img + "></img></div>" +
"<div class='clear'></div>"+"<a href="+appUrl+'/events/'+context.data.eventid+"><div class='more_map'>more details</div></a>"+"</div></div></span>",
offset: {
x:-46,
y:-73
}
}
}
});
}
私の問題は、マップを境界までスクロールするとき、またはマーカーがキャンバスの境界に近い場合に、情報ウィンドウの一部が非表示になることです。マップ キャンバス内に情報ウィンドウを収める必要があります。誰でも助けてください。