2010-07-29 5 views
4

구글 맵에서 마커 위에 나타나는 툴팁에 이미지와 스타일을 추가하는 방법을 알아 내려고합니다.구글 맵스의 html-/styling- 툴팁 api v3

원하는 동작의 예는 여기에서 볼 수있다 : 당신은이 호텔의 마커 중 하나 마우스를 움직일 경우, 다른 스타일 (굵게, 일반 텍스트), 단락 또는 줄 바꿈을 볼 수

http://maps.google.es/maps?oe=utf-8&q=hotels+in+sydney

, 호텔의 별 등급에 대한 이미지. 지금까지 문서에서 볼 수있는 것처럼,이 툴팁은 각 마커에 'title'속성을 부여하여 만들어졌습니다 ... 그러나이 속성의 HTML은 모두 이스케이프 처리됩니다. 다음과 같은 툴팁으로 끝날 수도 있습니다.

<p class="tooltip-text">This doesn't work!</p> <image src="/images/myimage.png" /> 

... 원하는 결과가 아닙니다.

누구든지 아이디어가 있습니까?

+0

다음은 Google Maps API V3 용 사용자 정의 툴팁을 만드는 방법을 보여주는 링크입니다. http://medelbou.wordpress.com/2012/02/03/creating-a-tooltip-for-google-maps-javascript -api-v3/ 작동 방식을 보려면 http://medelbou.com/demos/google-maps-tooltip/ –

답변

1

체크 아웃 these tools 거의 기본 설정을 대체하지만 모든 속성을 유지하는 infobox 사용자 정의가 있습니다. 희망이 도움이됩니다!

+0

내 질문에 모두 답변 해 주셨습니다. 자신 만의 오버레이를 만들어야합니다. 그러나 그 라이브러리는 꽤 멋져요! – Josh