Ctrl 키를 누른 채로 Google지도를 클릭하십시오.

Question

지도에서 Ctrl 키를 누른 상태에서 마커를 클릭하여 여러 마커를 선택하도록하고 있습니다. latLng 특성 이상이 e 개체에 대한 어떠한 정보 나 문서가이없는 Google지도 V3 docs에서

google.maps.event.addListener(marker, 'click', function (e) { 
    // detect if is pressed ctrlKey or not to do stuff 
} 

:

는이 일을 위해, 나는이 코드를 작성합니다. 하지만 Chrome으로 디버깅 할 때 정확히 내가 필요한 항목이 포함 된 Ra 개체가 표시됩니다. 내 질문에,이 문서화되지 않은 Ra에 대한 액세스를 ctrlKey를 눌렀을 때 얻을 수 있도록 하드 코딩해도 안전합니까?

Answer 1

의견에 대한 질문으로, 무엇을 중요 Ra는 포함? 내 경험에 따르면 Google지도는 내부 변수/객체 이름을 지속적으로 변경합니다.

---

그러나, 아래로 Ctrl 키을 잡고 마커를 클릭하여 여러 마커를 선택하는 방법을 보여주는 데모 만들었다 :

참조 바이올린 ->http://jsfiddle.net/FbGa5/
공지 사항 : ctrl 또는 다른 키 누르기를 캡처하기 전에지도를 한 번 클릭하여 iframe을 활성화해야합니다. 키 Ctrl 키의

보관할 트랙 :

var selecting = false, 
    selectedMarkers = []; 

window.onkeydown = function(e) { 
    selecting = ((e.keyIdentifier == 'Control') || (e.ctrlKey == true)); 
} 
window.onkeyup = function(e) { 
    selecting = false; 
} 

선택 마커 Ctrl 키를 - 키가 다운 및 마커를 클릭합니다.

google.maps.event.addListener(marker, 'click', function() { 
    if (!selecting) return; 
    var id = this.id; 
    var index = selectedMarkers.indexOf(id); 
    if (index>-1) { 
    this.setIcon('https://maps.gstatic.com/mapfiles/ms2/micons/red-dot.png'); 
    selectedMarkers.splice(index, 1); 
    } else { 
    selectedMarkers.push(id);    
    this.setIcon('https://maps.gstatic.com/mapfiles/ms2/micons/blue-dot.png'); 
    } 
}); 

결론 : 마커를 선택하면 마커가 해제되면, 그것은 빨간색으로 다시 전환, 파란색으로 변합니다 당신은 Ra 나에 그것을 얻기 위하여 마커 클릭 이벤트의 다른 인수가 필요하지 않습니다 작업.

Answer 2

수업 구성원이 축소로 인해 변경된 것으로 생각됩니다. 완벽하지는 않다는 내 생각은 이름이 아닌 유형의 MouseEvent를 찾는 것입니다. 그런 다음, 발견했을 때, 당신은

google.maps.event.addListener(marker, 'click', function (e) { 
    // detect if is pressed ctrlKey or not to do stuff 

    //detect the mouse event member by type 
    //and always give it the name "mouseEvent"   
    for (var key in e) { 
     if (e[key] instanceof MouseEvent) { 
      e["mouseEvent"] = e[key]; 
      break; 
     } 
    } 

    // e.mouseEvent.ctrlKey .... 

}