React 탐색 맵 콘텐츠

    컨트롤의IgrGeographicMap 내비게이션은 기본적으로 활성화되어 있으며, 지도 내용을 확대하거나 팬닝할 수 있습니다. 하지만 이 동작은 속성을zoomable 통해 변경할 수 있습니다. 지도는 동기화된 줌만 허용한다는 점이 중요합니다. 이는 보존된 화면 비율로 지도 콘텐츠를 축소하는 방식입니다. 그 결과, 지도 콘텐츠를 수직으로 확장하려면 수평으로도 확장해야 하고, 반대로도 그 반대가 됩니다.

    React 탐색 맵 콘텐츠 예제

    지리적 좌표

    다음 좌표로 묶인 지리적 영역 내에서 지도 콘텐츠를 탐색합니다.

    • 수평으로 180°E(음수)에서 180°W(양수) 경도
    • 수직으로 위도 85°S(음수)에서 85°N(양수)까지

    이 코드 조각은 지리적 좌표를 사용하여 지도를 탐색하는 방법을 보여줍니다.

    const geoMap = new IgrGeographicMap({ name: "geoMap" });

geoMap.zoomToGeographic({ left: -134.5, top: 16.5, width: 70.0, height: 37.0 });

    창 좌표

    또한 다음 상대 좌표로 경계가 지정된 창 직사각형 내에서 지도 콘텐츠를 탐색할 수 있습니다.

    • 수평으로 0.0에서 1.0 값
    • 수직으로 0.0에서 1.0 값

    이 코드 조각은 상대 창 좌표를 사용하여 지도를 탐색하는 방법을 보여줍니다.

    const geoMap = new IgrGeographicMap({ name: "geoMap" });

geoMap.windowRect = { left: 0.1, top: 0.1, width: 0.5, height: 0.5 };
// or
geoMap.windowPositionHorizontal = 0.1;
geoMap.windowPositionVertical = 0.1;
geoMap.windowScale = 0.5;

    속성

    다음 표는 제어 내비게이IgrGeographicMap 션에 사용할 수 있는 속성들을 요약합니다:

    속성 이름 부동산 유형 설명
    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 참조