코딩이 잘되어 있고 연락처 페이지에 서클을 의미합니다. 그들은 Google지도를 사용하기를 원합니다.Google지도를 원으로 표시 할 수 있습니까?
이것을 달성 할 방법이 있습니까?
참고 : 구글지도로 원하는 주된 이유는 검색 엔진 최적화입니다 - 실제로 순위를 돕거나이 이미지를 사용하는 것이 안전 할 것인가?
감사합니다코딩이 잘되어 있고 연락처 페이지에 서클을 의미합니다. 그들은 Google지도를 사용하기를 원합니다.Google지도를 원으로 표시 할 수 있습니까?
이것을 달성 할 방법이 있습니까?
참고 : 구글지도로 원하는 주된 이유는 검색 엔진 최적화입니다 - 실제로 순위를 돕거나이 이미지를 사용하는 것이 안전 할 것인가?
감사합니다그것의 매우 간단합니다 ..... 당신이 원형 사업부를 만들 수 있습니다 ... 여기
코드입니다 ...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);
이것은 분명히 IE에서 작동하지 않을 것입니다. 이것은 대부분의 상업적 통합에서 우려되는 사항입니다. – superluminary
border-radius는 CSS3 기능이기 때문에 IE9 이상을 사용할 수 있습니다. 이전 버전의 경우 투명한 배경을 가진 순환 이미지를 표시하고지도 div를 그 아래에 배치해야합니다. –
[유사한 질문] (http://stackoverflow.com/questions/6332002/how-to-insert-a-googlemap-in-a-div-with-mask) – geocodezip
이 페이지에서 서재원에 대해 걱정하는 동안 나는 차라리 [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