2012-01-23 8 views
2

Firebug로 개체의 ID를 가져 오려고했지만 성공하지 못했습니다.Google Maps Places API v3 InfoWindow의 패딩을 줄이는 방법

구글 맵스의 인포 박스 코드로 놀아 보았지만 필요한 정보가 너무 적어서 정보창의 여백을 줄이는 데 그쳤습니다. 정보창의 내용이 어떻게 구성되는지 당신이 쇼에 링크 된 페이지의

+0

링크 :

그래서, 당신에게 줄을 변경 할 전자를 사용하고 계십니까? – andresf

+0

[라이브 코드에 연결] (http://code.google.com/apis/maps/documentation/javascript/examples/places-autocomplete.html) @andresf 그냥 검색하면 정보 창이 열립니다. – Sebastian

답변

-2

행 17 :

infowindow.setContent('<div><strong>' + place.name + '</strong><br>' + address); 

당신은 인라인 중 하나의 패딩을 설정해야합니다 (예를 들어, style="padding: 0px;") 또는 CSS 클래스를 통해 (예 : class="myInfoWindow") 머리에 CSS 속성을 설정하거나 별도의 CSS 파일을 설정하십시오. 코드를 살고

infowindow.setContent('<div style="padding: 0px;"><strong>' + place.name + '</strong><br>' + address); 
+2

안녕하세요 Andres, 내가 제안한 것을 시도했지만 작동하지 않았습니다. InfoWindow의 패딩을 제어하는 ​​우수한 Div가 있으며 이는 Google에서 자동으로 수행합니다. 내가 본부의 신원을 알 수 있다면, 당신이 제안한 것과 같은 수업을 적용 할 수는 있지만, FireBug를 통해 관리 할 수는 없습니다. @andresf – Sebastian

+0

해당 DIV의지도 API에서 패딩이 명시 적으로 설정되지는 않았다고 생각합니다. 한 옵션은 jQuery를 사용하여 부모 DIV를 선택하고 즉시 서식을 적용하는 것입니다. DIV id를 설정 한 다음 정보가 infowindow에 표시 될 때 id를 사용하여 하위 div를 참조 할 수 있습니다 (이벤트 리스너를 통해). – andresf

+0

나는 정말 어떻게 이해하지 못합니까? 모든 정보창을 원했고 CSS 수업이 더 쉬워서는 안될까요? – Sebastian