Angular 탐색 지도 콘텐츠
IgxGeographicMapComponent
컨트롤의 탐색은 기본적으로 활성화되어 있으며 이를 통해 지도 콘텐츠의 확대/축소 및 이동이 가능합니다. 그러나 이 동작은 zoomable
속성을 사용하여 변경할 수 있습니다. 지도에서는 동기화된 확대/축소(보존된 종횡비로 지도 콘텐츠의 크기 조정)만 허용한다는 점을 아는 것이 중요합니다. 결과적으로 지도 콘텐츠를 수평으로 확장하지 않고 수직으로 확장하는 것은 불가능하며 그 반대의 경우도 마찬가지입니다.
Angular Navigating Map Content Example
Geographic Coordinates
다음 좌표로 묶인 지리적 영역 내에서 지도 콘텐츠를 탐색합니다.
- 수평으로 180°E(음수)에서 180°W(양수) 경도
- 수직으로 위도 85°S(음수)에서 85°N(양수)까지
이 코드 조각은 지리적 좌표를 사용하여 지도를 탐색하는 방법을 보여줍니다.
Window Coordinates
또한 다음 상대 좌표로 경계가 지정된 창 직사각형 내에서 지도 콘텐츠를 탐색할 수 있습니다.
- 수평으로 0.0에서 1.0 값
- 수직으로 0.0에서 1.0 값
이 코드 조각은 상대 창 좌표를 사용하여 지도를 탐색하는 방법을 보여줍니다.
Properties
다음 표에는 IgxGeographicMapComponent
컨트롤 탐색에 사용할 수 있는 속성이 요약되어 있습니다.
속성 이름 | 부동산 유형 | 설명 |
---|---|---|
windowRect |
직사각형 | 지도 콘텐츠의 볼 수 있는 영역에서 탐색 창의 새 위치와 크기를 설정합니다. 0, 0, 1, 1 값을 갖는 Rect는 탐색 창에서 전체 지도 콘텐츠를 축소합니다. |
windowScale |
숫자 | 지도 컨트롤 내 탐색 창의 새 크기를 설정합니다. 에 저장된 너비 또는 높이의 최소값과 동일합니다.windowRect 재산 |
windowPositionHorizontal |
숫자 | 지도 컨트롤의 왼쪽 가장자리에서 탐색 창 앵커 포인트의 새로운 수평 위치를 설정합니다. 이는 왼쪽에 저장된 값과 동일합니다.windowRect 재산. |
windowPositionVertical |
숫자 | 지도 컨트롤의 상단 가장자리에서 탐색 창 앵커 포인트의 새로운 수직 위치를 설정합니다. Top에 저장된 값과 동일합니다.windowRect 재산. |
actualWindowRect |
직사각형 | 지도 콘텐츠의 볼 수 있는 영역에서 탐색 창의 현재 위치와 크기를 나타냅니다. 0, 0, 1, 1 값을 갖는 Rect는 탐색 창에 전체 지도 콘텐츠를 표시합니다. |
actualWindowScale |
숫자 | 지도 컨트롤에 있는 탐색 창의 현재 크기를 나타냅니다. 에 저장된 너비 또는 높이의 가장 작은 값과 같습니다.actualWindowRect 재산 |
actualWindowPositionHorizontal |
숫자 | 지도 컨트롤의 왼쪽 가장자리에서 탐색 창 앵커 지점의 현재 수평 위치를 나타냅니다. 이는 왼쪽에 저장된 값과 동일합니다.actualWindowRect 재산. |
actualWindowPositionVertical |
숫자 | 지도 컨트롤의 상단 가장자리에서 탐색 창 앵커 포인트의 수직 위치를 나타냅니다. Top에 저장된 값과 동일합니다.actualWindowRect 재산. |
API References
에서 페이지 보기
GitHub