2017-09-27 6 views
-1

제목에 사과드립니다. 복제하기가 비교적 쉬운 버그를 발견했습니다. 다각형의 특정 지점에서지도를 클릭하여 드래그하면 빠져 나오기 어려운 "마우스 끌기 끌기"상태로지도가 고정됩니다.Google지도 API (버그?) -지도 손 드래그가 '편집 가능'의 다각형 지점에서 시작될 때 마우스가 멈추다

이 문제를 표시하는 것이 훨씬 쉽습니다. 다시 방법 :

http://jsfiddle.net/un0a0ua5/

  1. 그 다각형을 확인는
  2. 가 정점을 클릭에 표시하는 어떤 정점에 커서를 이동
  3. (정점에 아무런 표식) 편집 할 수 없습니다 (오른쪽 상단 가장 쉬운 방법입니다 재생하려면 손가락이 1 개인 포인터 커서가 있는지 확인하십시오.
  4. 지도에서 다른 영역으로 스크롤하는 것처럼 마우스를 클릭하고 드래그하여 마우스 버튼을 놓습니다.
  5. 당신의 마우스는 여전히 움직이고 있습니다. 그는 꼭지점을 중심으로지도를 그립니다. 마우스 휠을 스크롤하는 유일한 방법은 마우스 휠을 스크롤하는 것입니다.

Google지도 버그인지, 아니면지도에서 'mouseup'이벤트를 수동으로 트리거하여 보류를 해제 할 수 있는지 확실하지 않습니다.

우분투에서는 Chrome 및 Firefox에서, Windows에서는 Chrome에서이를 재현 할 수있었습니다. 필요한 경우 세부 정보를 제공 할 수 있습니다.

의견이 있으십니까? 에서 재현

'와 mouseUp'에 이벤트를 변경

var map = new google.maps.Map(document.getElementById("map_div"), { 
    center: new google.maps.LatLng(33.808678, -117.918921), 
    zoom: 14, 
}); 

var new_poly = new google.maps.Polygon({ 
    paths: [{lat: 33.808678, lng: -117.916921}, {lat: 33.818678, lng:-117.914921}, {lat: 33.801678, lng:-117.928921}], 
    strokeColor: '#000000', 
    fillColor: '#000000'}); 

google.maps.event.addListener(new_poly, 'mousedown', function() { 
    console.log('POLYGON->MOUSE_DOWN'); 
    new_poly.setOptions({editable:true}); 
}); 

new_poly.setMap(map); 

답변

0

문제를 해결하지만, 여전히 구글지도 API v3의 버그처럼 보인다.