maps.google.com의 현대적인 사각형 InfoWindow

Question

maps.google.com과 같은 스타일을 얻기 위해 Google지도 v3 InfoWindow를 어떻게 스타일링 할 수 있습니까?

Answer 1

사각형 InfoWindows은 이제지도 API 3.7 (현재 야간 버전) 이후의 기본 스타일입니다. 이 API의

Answer 2

API는 InfoWindow 개체의 강력한 스타일을 제공하지 않습니다 (또는 문서화되지 않은 경우 문서화되지 않음). http://code.google.com/apis/maps/documentation/javascript/reference.html#InfoWindowOptions에서 어떤 옵션을 사용할 수 있는지 확인할 수 있습니다. 보시다시피, 둥근 모서리 대 둥근 모서리와 같은 것에는 아무 것도 없습니다.

유감스럽게도 유감스럽게도 현재의 스타일 시트에서는 스타일 시트가 엉망이되는 것처럼 보입니다. 시각.

Answer 3

사실 처음으로 나는 이것을보고 있습니다. 나는 구글의 새로운 디자인 업데이 트를 확신 그들은 API를 창문을 업데이 트하십시오. 그 동안 다음을 사용합니다 : Google Maps: How to create a custom InfoWindow?

Answer 4

사용 버전 3.7+는

Answer 5

U는 다음 정보창에 대한 책임 사각형을 선택하고 스타일을 설정 CSS는 깊은 갈 수 있습니다 (그들은 둥근 모서리 3.6 후에 제거); 구글 그냥 다른 CSS 규칙과의 직사각형 정보창 스타일링되지 않는 것이 분명하지만, 완전히 다른 구조를 가지고 크롬의 개발자 도구를 사용하여 간단한 조사 후

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