현재 Google지도의 V3 API를 사용하여 여러 마커가있는지도를 만들고 있습니다. 마커를 클릭하면이 마커의 세부 정보를 설명하는 InfoWindow의 표시가 트리거됩니다.Google Map V3에서 infowindow의 둥근 모서리를 만드는 방법은 무엇입니까?
Google Map의 API V2와 같이 내 InfoWindow 라운드의 모서리를 만드는 방법을 알아야합니까?
현재 Google지도의 V3 API를 사용하여 여러 마커가있는지도를 만들고 있습니다. 마커를 클릭하면이 마커의 세부 정보를 설명하는 InfoWindow의 표시가 트리거됩니다.Google Map V3에서 infowindow의 둥근 모서리를 만드는 방법은 무엇입니까?
Google Map의 API V2와 같이 내 InfoWindow 라운드의 모서리를 만드는 방법을 알아야합니까?
infobubble을 사용하면 맞춤 infowindow를 만들고 원하는대로 구성 할 수 있습니다.
해결책 인 정보 버블을 시도했는데 파이어 폭스에서 작동했지만 IE에서는 작동하지 않습니다. t 일 !! 여기에 내가 기반으로하는 간단한 코드 예제가 있습니다. 이 코드에 무엇을 추가해야하는지 말해 주셔서 감사합니다. – user1603417
링크가 있어야하나요? 질문을 편집하여 포함 시키십시오. – geocodezip
기존 InfoWindow의 CSS는 사용자 정의 할 수 없지만보다 사용자 정의 할 수있는 CSS로 바꿀 수 있습니다. 그것이 일반 InfoWIndow와 매우 유사하기 때문에 InfoBox를 좋아하지만 더 많은 스타일 옵션이 있습니다. InfoBox는 실제로 geocodezip에 연결된 동일한 Google지도 유틸리티 라이브러리의 일부입니다. 둘 다 다운로드하고 필요에 가장 적합한 것을 보는 것이 좋습니다.
나는 이것을 달성하기 위해 더러운 해킹으로이 코드를 사용했습니다 :
google.maps.event.addListener(this._w, 'domready', function() {
$('#map .bubbleContent')
.parent().parent().parent().prev()
.css('borderRadius', 5);
});
이 코드는 jQuery를 (또한 폭 일반 JS를 수행 할 수 있습니다)를 사용합니다. 선택기 #map .bubbleContent
은 InfoWindow에 넣은 HTML 콘텐츠의 배치 div를 찾습니다. #map
은 내지도 컨테이너이므로지도에서 임의의 div를 선택하지 않아야합니다.
참고! Google이 정보창의 마크 업을 변경할 때마다이 코드가 깨질 수 있습니다.
답을 확인하십시오. http://stackoverflow.com/questions/3860277/google-maps-how-to-create-a-custom-infowindow – Jorge