마커 아래에 Google지도 페그 맨 놓기

Question

steetView 및 일부지도 마커를 사용하는 Google V3지도가 있습니다. 작은 노란색 streetView 페그 맨이 마커 위에지도 위에 있습니다. Z- 색인을 변경하여 내 마커가 페그 맨 위에 오도록 할 수 있습니까? (확대하지 않아도 easlly 클릭 가능) ....이가 페그 맨을 강제

$("#map_canvas img[src*=cb_scout]").parent("div").css({'zIndex': -200}); 
$($("#map_canvas img[src*=cb_scout]")[1]).parent("div").parent("div").css({'zIndex': -200}); 

실험의 조금 나는이 해낸 후 http://jsfiddle.net/spiderplant0/BRkCA/

... 경우 아무것도

여기에, 명확하지 않다 바이올린입니다 마커 아래에 앉아 있지만 페그 맨은 더 이상 드래그 할 수 없으며지도가 이동 될 때마다 페그 맨이 마커 위로 다시 이동합니다.

Answer 1

당신이 pov_changed 이벤트를 볼 수 있습니다 마커에서 페그 맨을 유지하고

$google.maps.event.addListener(panorama, 'pov_changed', function() { 
    var func=function(){ 
     $("#map_canvas img[src*=cb_scout]").parent("div").css({'zIndex': -200}); 
    } 
    setTimeout(func,1000); 
    } 
}); 

당신은 또한의 깊이를 변경해야합니다 잠시 후 Z- 인덱스를 재설정하려면 페그 맨 먼저해야, 다음 코드는 페그 맨을 드래그 할 수있게하려면

google.maps.event.addListener(map, 'idle', function() { 
       google.maps.event.trigger(panorama, 'pov_changed'); 
    }) 

으로 수행 할 수있는지도 이동 후 pegman의 깊이를 토글 단추로 바꾸고 pov_changed 이벤트 핸들러에 예외를 추가하여 토글 단추가 활성 상태 일 때 pagman이 깊이를 떨어 뜨리지 않도록 마커 위에 배치합니다.

Answer 2

좋아,이 ... 조금 해키 될 수있다 (그리고 나는 당신이 무엇을하고 있는지 이해 바랍니다)

1) 안 스트리트 뷰 (Street View) 제어 2) 마커 당신보다 낮은 Z- 색인과 다른 컨트롤을 확인 있다. 3) 스트리트 뷰 컨트롤을 가짜 스트리트 뷰 마커의 위치로 업데이트하십시오.

http://jsfiddle.net/z7Lp8/

Answer 3

pegman이 마커 아래에 머물도록 google.maps.Marker.MAX_ZINDEX 위의 마커의 z 인덱스를 설정할 수 있습니다. MAX_ZINDEX는 API가 표식에 지정할 최대 기본 Z- 색인입니다. 마커 Z- 색인은지도상의 모두 마커에서 최적화가 해제 된 경우에만 작동합니다.

Forked fiddle from question to illustrate: http://jsfiddle.net/brendaz/t4v8nhoq/

var marker1 = new google.maps.Marker({ 
     position: new google.maps.LatLng(54.975, -2.020), 
     map: map, 
     zIndex: google.maps.Marker.MAX_ZINDEX + 1, 
     optimized: false 
    });