Mouse over happens behind infowindow layer markers also. #2025
Description
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 (
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;
}
}
}
}
}
};