Современное прямоугольное информационное окно на maps.google.com

Question

Как мне оформить Google Maps v3 в InfoWindow, чтобы добиться того же стиля, что и на maps.google.com ?

Answer 1

Прямоугольный InfoWindows теперь является стилем по умолчанию, так как Maps API 3.7 (текущая ночная версия).

Answer 2

API не обеспечивает надежного стиля объектов InfoWindow (или, если это так, он не задокументирован). Вы можете увидеть, какие опции доступны в http://code.google.com/apis/maps/documentation/javascript/reference.html#InfoWindowOptions. Как вы можете видеть, прямо сейчас нет ничего для таких вещей, как закругленные углы против не закругленных углов и т. Д.

Так что, извините, кажется, что вы застряли, возясь с таблицами стилей, по крайней мере, в настоящее время.

Answer 3

U может углубиться в Css, затем выбрать ответственный прямоугольник для infoWindow и установить стили;

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

Answer 4

На самом деле это первый раз, когда я вижу это.Я уверен, что с новым обновлением дизайна Google, они обязательно обновят окна Api.А пока я бы использовал: Карты Google: как создать собственное информационное окно?

Answer 5

Используйте версию 3.7+ API (они убрали закругленные углы после 3.6)