Nowoczesna prostokątna witryna InfoWindow na maps.google.com

Question

Jak mogę stylizować mapy Google v3 InfoWindow, aby uzyskać ten sam styl, co na stronie maps.google.com?

Answer 1

Prostokątny InfoWindows są teraz domyślnym stylem od wersji Maps API 3.7 (aktualna wersja nocna).

Answer 2

Interfejs API nie zapewnia trwałej stylizacji obiektów InfoWindow (lub, jeśli tak jest, nie jest dokumentowany). Możesz zobaczyć, jakie opcje są dostępne pod numerem http://code.google.com/apis/maps/documentation/javascript/reference.html#InfoWindowOptions. Jak widać, w tej chwili nie ma tu nic takiego jak zaokrąglone narożniki, a nie zaokrąglone rogi itp.

Przykro to mówić, wygląda na to, że utknąłeś w arkuszu stylów, przynajmniej przy obecnych czas.

Answer 3

Właściwie to po raz pierwszy widzę to. Jestem pewien, że dzięki nowej aktualizacji projektu Google, na pewno zaktualizują okna Api. W międzyczasie użyję: Google Maps: How to create a custom InfoWindow?

Answer 4

zastosowanie wersji 3.7+ API (są usuwane zaokrąglone narożniki po 3,6)

Answer 5

U można zagłębić w Css wybierz odpowiedzialne prostokąta infoWindow i ustawiania stylów;

#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; }