javascript - div overlay disables google maps function -


i'm making website want show search results on top af googlemaps. want make possible scroll through these search results when cursor on search results or when cursor on map. implemented fine making div-structure this:

<div class="map" id="parent"  >   <div id="googlemap"></div>   <div id="mapcontainer">     <div id="searchcontainer">       <!-- searchresults -->     </div>   </div> </div> 

i disabled scroll-functionality in googlemaps. still drag map, isn't possible because of div laying on it. how solve this?

my work visible here: http://www.veylau.be/testzone/wcb/searchtwee.html (click searchbutton better view)

there still positioning problems, don't mind them, they'll solved after problem.

thanks in advance helping me out! appreciate this!

to allow interaction map, need uncover portions of map being covered search portion.

if change padding-top margin-top on #mapcontainer, see above search element, map accessible. need reduce width of search area allow access on sides. essentially, you'll want use similar margin:0 auto; center block sides aren't covered "invisible" portion of search block block case if either padding or width defined achieve similar appearance.

if looking keep the map zooming in , out if user isn't on search block, need use javascript ensure mouse-scrolls within .map element target search block , not use it's default functionality, either zooming in/out map or scrolling block depending on location of cursor.


Comments

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -