z-index CSS, button over Google maps

Question

I want to put a button "select " on the map above to the top centre.But when I write the " div " in CSS like this:

.over
{
z-index: 2;
position: top center;
text-align: center;
margin-top: 20px;

}

#map-canvas
   { 
    height: 550px;
    width: 100%;   
    padding-top: 0px;
    margin: 0px; 

   }

Does not work , you see under the map. The " Div " the google map does not have a z -index within

Could you add the html (and js) as well. Including the Google maps part? — BillyNate, Jul 07 '15 at 15:23
No, I'm just a CSS code you run, you do not need the rest . Map call with < div id = map - canvas> < / div > — Alex, Jul 07 '15 at 15:34
Saw something that might help [**how to float div over google map**](http://stackoverflow.com/questions/6037712/how-to-float-a-div-over-google-maps). — so_jin_ee, Jul 07 '15 at 17:06

score 0 · Accepted Answer · answered Jul 12 '15 at 18:04

0

Use the button as a custom control.

answered Jul 12 '15 at 18:04

pstenstrm

6,339
5
41
62

z-index CSS, button over Google maps

1 Answers1