Tengo un problema con el mapa de Google, todo parece funcionar, excepto que los botones de Zoom parecen desordenadosGoogle Map se ve extraño
Aquí hay una imagen del mapa. 
Supongo que algo se superpone, pero no estoy muy seguro.
En primer lugar, el enlace que ha proporcionado no está funcionando.
Este problema generalmente se debe a la CSS (creo que es bootstrap.css), lo que hace que los controles del mapa de Google se estropeen. Busque la línea que tenga el código: max-width:100%
Deberá eliminarla.
Compruébelo si funciona.
Parece que llego muy tarde, todavía pienso en compartir mis pensamientos.
No es una buena idea editar el código CSS de una biblioteca. Más bien puede anular
Esto es lo que used.try este
#mapDiv img{ max-width: none; }
¡No puedo creerlo! ¡Gracias! –
Bootstrap.css realidad ha llamado una clase google-maps que marcarán el ancho máximo de la img para ninguna. El código en bootstrap.css es
#map_canvas img, .google-maps img{max-width:none}
Aquí hay un enlace a la pregunta en StackOverflow: Twitter Bootstrap CSS affecting Google Maps
Con la última versión de los mapas de Google API necesita este :
<style>
.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }
</style>
respuesta de: https://stackoverflow.com/a/19339767/3041072
Gracias, este es exactamente el problema. Tuve que eliminar el ancho máximo: 100%; desde la parte img de bootstrap.css – Jazzy