javascript - Create Map sample that clicks into the actual map -


i trying build prevents users clicking on interactive aspects of map until click map shown when google search place toronto eaten centre.

i did visual mock better explain: example picture demonstrate of question

i using google maps , not able div float on google maps (which first attempt @ creating having div float on when clicked on disappear , map resize via javascript). google when search location example found here.

here fiddle trying float div on top use click actual map.

below css of floating div not show above map absolute position , z-indexes

.map-floater { position: absolute; z-index: 3; height: 280px; width: 100%; background: #555; opacity: 0.7; } 

your markup isn't right, put overlay in same container map

   <div class = "map-holder">         <div class = "map-floater"> </div>        <iframe src="path/to/map" width= "100%" height = "380px" frameborder="0"/>     </div> 

demo


Comments

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

android - Associate same looper with different threads -

visual studio 2010 - Connect to informix database windows form application -