2013-06-04 2 views
2

코딩이 잘되어 있고 연락처 페이지에 서클을 의미합니다. 그들은 Google지도를 사용하기를 원합니다.Google지도를 원으로 표시 할 수 있습니까?

이것을 달성 할 방법이 있습니까?

참고 : 구글지도로 원하는 주된 이유는 검색 엔진 최적화입니다 - 실제로 순위를 돕거나이 이미지를 사용하는 것이 안전 할 것인가?

감사합니다

+0

[유사한 질문] (http://stackoverflow.com/questions/6332002/how-to-insert-a-googlemap-in-a-div-with-mask) – geocodezip

+1

이 페이지에서 서재원에 대해 걱정하는 동안 나는 차라리 [microformats] (http://support.google.com/webmasters/bin/answer.py?hl=ko&answer=146897)를 사용하고 투명한 PNG 마스크 또는 경계 반경 속성이있는 정적지도를 삽입 할 것을 권장합니다. [여기있다] CSS 솔루션 내부의 (http://stackoverflow.com/questions/13484135/google-maps-api-v3-withround-corner) 관련 질문. – icanhazbroccoli

답변

1

그것의 매우 간단합니다 ..... 당신이 원형 사업부를 만들 수 있습니다 ... 여기

코드입니다 ...

CSS :

#yourDivId { 
     width: 100px; 
     height: 100px; 
     border-radius: 999px; 
     -moz-border-radius: 999px; 
     -khtml-border-radius: 999px; 
     -webkit-border-radius: 999px; 
} 

자바 스크립트 :

var map = new google.Maps.Map(document.getElementById("yourDivId"),mapOptions); 
+0

이것은 분명히 IE에서 작동하지 않을 것입니다. 이것은 대부분의 상업적 통합에서 우려되는 사항입니다. – superluminary

+0

border-radius는 CSS3 기능이기 때문에 IE9 이상을 사용할 수 있습니다. 이전 버전의 경우 투명한 배경을 가진 순환 이미지를 표시하고지도 div를 그 아래에 배치해야합니다. –

관련 문제