Mouse over doesn't block for behind infowindow markers.
I created multiple marker and mouse over on marker will open an infowindow, there clickable items on infowindow. But infowindow closes when If we mouse over on it and open new infowindow as per behind marker which are under opened infowindow. Can you please suggest a fix
It works fine if i remove "boxClass" property, But it will create outer layer (
) too bigger than my infowindow width. hiding mouse over for other markers.
My codes below.
self.map = {
center: {
latitude: 12.9715987,
longitude: 77.59456269999998
},
zoom: 12,
window: {
model: {},
house: {},
show: false,
template: '/assets/map-pin-new.html',
options:{
position: {},
pixelOffset: new google.maps.Size(-89, -210),
boxClass: 'gm-style-iw',
boxStyle: {
maxHeight: '379px',
maxWidth: '330px',
pane: 'floatPane'
},
pane: "floatPane",
closeBoxDiv: '<div" class="pull-right" style="position: relative; cursor: pointer; margin: -20px -15px;">×
',
disableDefaultUI: false
}
},
markersEvents: {
// mouseout: function(){
// self.map.window.show = false;
// },
mouseover: function(marker, eventName, model, args) {
if(model && -1 != model.index){
var activeIconUrl = self.houses[model.index].is_prime ? self.mapConstants.MAP_PRIME_ICON : self.mapConstants.MAP_ICON;
if( self.map.window.model.index != model.index){
self.map.window.model.show = false;
self.map.window.model = model;
self.map.window.house = self.houses[model.index];
self.map.window.house.bed_type = self.filterOptions.bed_type;
self.map.window.house.closeWindow = self.closeClick();
self.map.window.options.position = {lat:model.latitude, lng: model.longitude};
self.map.window.model.show = true;
self.map.window.model.icon = activeIconUrl;
self.applyInfoWindowDesign();
self.map.window.show = true;
}else{
self.map.window.house.bed_type= ''; //$scope.filterOptions.bed_type;
self.map.window.house.closeWindow = self.closeClick();
if(self.map.window.show){
self.map.window.model.show = false;
self.map.window.model.icon = activeIconUrl;
self.map.window.show = false;
}else{
self.map.window.model.show = true;
self.map.window.model.icon = activeIconUrl;
self.map.window.show = true;
}
}
}
}
}
};