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

Mouse over happens behind infowindow layer markers also. #2025

Open
lukmash opened this issue Nov 16, 2017 · 0 comments
Open

Mouse over happens behind infowindow layer markers also. #2025

lukmash opened this issue Nov 16, 2017 · 0 comments

Comments

@lukmash
Copy link

lukmash commented Nov 16, 2017

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant