Skip to content
This repository was archived by the owner on Nov 30, 2018. It is now read-only.
This repository was archived by the owner on Nov 30, 2018. It is now read-only.

Mouse over happens behind infowindow layer markers also. #2025

Open
@lukmash

Description

@lukmash

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;
}
}
}
}
}
};

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions