2014-10-14 2 views
0

가 나는 google.maps.Marker가 Infobubble 객체마커 V3

을 통해 개체 (Z- 인덱스 위치) 넣어려고하지만 난 어떤 성공이없는 오전에 매핑합니다. 기본적으로 내가 Z- 색인 를 할당됩니다하고 있어요 : 나는 다음과 같이 마커 생성자에 전달하는 markerOptions 객체에는 N :

var markerOptions = { 
    position: store.getLocation(), 
    title: store.getDetails().title, 
    icon: DEFAULT_MARKER, 
    anchorPoint: new google.maps.Point(20,5), 
    zIndex: 2 
}; 
var marker = new google.maps.Marker(markerOptions); 

이미이 대답 Google Maps v3 marker over infowindow를 읽을 수 있지만 실제로는 가지고하지 않은 모든 표. 누가 좀 더 말해 줄 수 있니?

감사 shaunhusain 의해 주석으로 많은

+1

그래 이것이 불가능 나는 꽤 확신 문제. Google지도에는지도 자체가 그려지는 곳, 텍스트 오버레이가 그려지는 곳, 도로가 그려지는 곳, 도형/다각형이 그려지는 곳, 교통이 그려지는 곳, 정보창이 그려지는 곳, 그래서 기본적으로 이것들은 세트 스택에 있고 당신은 그것을 바꿀 수 없다. 당신은 커스텀 오버레이를 만들어야하고 스스로를 스택해야만한다. (이것은 바뀌었지만 마지막으로 오버레이를 빌드 할 때 수정할 수 없었다. 주문). – shaunhusain

+0

shaunhusain에 답해 주셔서 감사합니다. 정말로 감사하는 정말로 멋진 설명. 내 desidered 결과를 달성하는 독특한 방법은 자기 사이에 z- 인덱스를 볼 수 있도록 infobubbles 레이어 내 마커 '레이어를 삽입하는 것입니다. 나는 그것을 시도합니다 – apac

답변

0

문제는 특정 원소가 렌더링되는 고정 패널이다.

사용자 정의 오버레이를 사용해야하는 것은 맞지만 infobubble이 아닌 마커를 그려야합니다.

이유 : infobubble은 custom overlay의 구현이므로 floatPane 안에 그려집니다. 마커를 맨 위에 놓으려면 마커가 그려지는 창의 zIndex와 같거나 낮은 zIndex가있는 창에 infobubble을 그려야합니다. 하지만 여기에 문제가 있습니다.이 모든 창은 마우스 이벤트를받지 못하고 infobubble과 상호 작용할 수 없습니다 (탭 선택, 텍스트 선택, 링크 클릭, infobubble 닫기).

따라서 당신이 마커를 그릴 사용자 정의 오버레이를 사용해야합니다, 당신은 (그것을 가장 높은 Z- 색인과 창의)를 floatPane에 이러한 오버레이를 삽입해야합니다

+0

Dr.Molle 설명 주셔서 감사합니다. 또한 제안한 솔루션에 감사드립니다. 나는 며칠 안에 문제에 대해 잠수 할 것이고 나는 결국 내가 가진 다른 질문들을 게시 할 것이다. – apac

관련 문제