css - Google Map Scrolling Issue -


i have hotel search page on website consists of map on 1 half of screen , (scrollable) search results on other half. don't know whats changed, when try zoom in map using scroll wheel, following message:

enter image description here

and in addition that, search results on right side being scrolled (even though mouse on map).

here css of both containers:

.map-container {    width: 45%;    position: fixed;    display: block;    z-index: 10;    left: 0;    bottom:0;    top:115px;  }    .results-container{    margin-left:45%;    width:55%;    padding-top:0px;    margin-top:65px;  }

if set results-container position fixed, map scrolls can't scroll results. doing wrong?

when have scrollable page, google maps won't use scrollwheel scroll map default (changed within last 12 months or in api, can't remember when).

add following map options:

gesturehandling:'greedy' 

more information:

https://developers.google.com/maps/documentation/javascript/interaction


Comments

Popular posts from this blog

PHP and MySQL WP -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

go - golang pprof for c library code -