Ventana rectangular moderna en maps.google.com

Question

¿Cómo puedo diseñar google maps v3 InfoWindow para lograr el mismo estilo que en maps.google.com?

Answer 1

Rectangular InfoWindows ahora son el estilo predeterminado desde Maps API 3.7 (versión actual).

Answer 2

La API no proporciona un estilo robusto de los objetos de InfoWindow (o, si lo hace, no está documentado). Puede ver qué opciones están disponibles en http://code.google.com/apis/maps/documentation/javascript/reference.html#InfoWindowOptions. Como puede ver, en este momento, no hay nada para cosas como esquinas redondeadas vs. esquinas no redondeadas, etc.

Así que, lo siento, parece que usted está pegado jugando con hojas de estilo, al menos en la actualidad hora.

Answer 3

En realidad esa es la primera vez que veo esto. Estoy seguro de que con la nueva actualización de diseño de Google, seguramente actualizarán las ventanas de Api. Mientras tanto, usaría: Google Maps: How to create a custom InfoWindow?

Answer 4

Uso versión 3.7 + de la API (que elimina las esquinas redondeadas después de 3,6)

Answer 5

U puede profundizar en el CSS a continuación, seleccionar un rectángulo responsable de infoWindow y establecer estilos;

#map_canvas div div div div div div div:nth-of-type(12) { 
-moz-border-radius:5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; }