성능 향상을위한 전단지 컨테이너, 계산 관련 문제

Question

많은 마커 (Mark Cluster를 사용하고 있습니다. 멋진 플러그인)와 크기 때문에 일부 성능 문제로 어려움을 겪고있는 전체 화면 맵이 있습니다. 그렇다면 나는 그 크기로 실험을해야한다.

컨테이너 크기를 반으로 줄인 다음 CSS3으로 다시 두 배로 확장하면 성능이 크게 향상됩니다! ol 'HTML 캔버스 트릭 (CSS로 스케일 업)과 비슷합니다. 이와 같이 :

/* Before */ 
#map { 
    width:1000px; 
    height:400px; 
} 

/* After */ 
#map { 
    width: 500px; 
    height:200px; 
    -webkit-transform: scale(2,2); 
    ... 
} 

그러나 이제는 계산이 약간 엉망입니다. 예를 들어 setZoomAround()은 잘못된 포인트를 계산하고 핀치 확대/축소는 휴대 전화의 경우입니다. 또한 이동 속도가 너무 빠릅니다 (이동 속도가 두 배이기 때문에).

나는 이것을 스스로 조정하려고 시도했으나 전단지에있는 기계공에별로 관여하지 않았습니다. 어쨌든이 척도를 2로 반감시켜야 할 필요가있는 사람은 누구보다 나를 더 잘 압니까?

Answer 1

이벤트에서 마우스 X/Y 위치를 스칼라로 나누면됩니다. 따라서 2의 sclar를 가진 e.clientX은 e.clientX/2이됩니다.

희망을 누군가에게 도움이됩니다!