Hay alguna manera de poner el típico botón de centrar via javascript o HTML en un google maps API v.3?
He buscado en la documentación pero no he sabido encontrar nada, por lo que he intentado hacerlo manualmente via css con position
y z-index
:
HTML
<div id="map-canvas" class="map">
<button class="center__map__button" onclick="centraMapa()">CENTRAR</button>
</div>
CSS
.map {
min-height: 100%;
position: relative;
}
.center__map__button {
position:absolute;
top: 300;
left: 300;
z-index:100;
}
Esto funciona como se puede ver en ESTA DEMO con un div normal, pero no me cuando lo hago con uno que dentro tiene un googlemaps, me sale antes de que cargue el mapa, pero después el mapa lo tapa.