Google지도에서 오버레이 마커를 확장 하시겠습니까? 구글이 잘 매핑에

나는 보이는 이미지를 오버레이 항목을 그릴 수와 같은 다음 "/"부분을 표시하는 "핀"입니다Google지도에서 오버레이 마커를 확장 하시겠습니까? 구글이 잘 매핑에

______ 
| | 
______ 
    \/

위도/경도지도와 사진에에 그것의 중간. 내 질문은, 사용자가 클릭 할 때이 확장 할 수있는 방법이 있습니까? 물론 이것을 일종의 대화 상자 나 레이아웃으로 변경하고 클릭 할 때 변경해야합니다.

내가 클릭뿐만 아니라 이미지와 같은이 작은 갖고 싶어하지만,이 클릭 될 때이에 두 번째 같은 이상 확장 :

-------------------------------------- 
| <image>     <buttons> | 
|       <buttons> | 
| <some info here>     | 
|         | 
-------------------------------------- 
       \/

이 가능합니까?

출처

2010-07-20 goon15

이 문제가 해결 되었습니까? – TamiL

사용자 지정 오버레이를 만들고 onAdd 재정의함에 필요한 콘텐츠 레이아웃이있는 사용자 지정 div를 만듭니다.

myOverlay.prototype.onAdd = function(){ 
    var div = document.createElement('DIV'); 
    div.style.position = 'absolute'; // so we can position it later. 
    // populate the div 
    this.div_ = div; 
    this.getPanes().overlayLayer.appendChild(div); 
}

이제 draw 오버라이드에서지도에 배치 할 위치를 결정하십시오. 그리기에서 div에 대한 가시성을 설정하는 click 이벤트 핸들러로 처음에 표식을 그릴 수 있습니다.

myOverlay.prototype.draw = function(){ 
    var div = this.div_; 
    //populate div with content as required. 
    div.style.left = //calculate location based on width/height and centre 
    div.style.top = // ditto 
}

출처

2010-07-21 07:15:48 Mantis