다음을 통해 공유


맵에 스냅 그리드 추가

스냅 그리드를 사용하면 공유 에지와 노드가 있는 셰이프를 더 쉽게 그릴 수 있고 선이 더 곧을 수 있습니다. 그리드에 셰이프 맞추기는 맵에서 빌딩 윤곽선 또는 네트워크 경로를 그릴 때 유용합니다.

그리드 맞추기의 해상도는 픽셀 단위입니다. 그리드는 사각형이며 가장 가까운 정수 확대/축소 수준을 기준으로 합니다. 그리드 비율은 각 확대/축소 수준에서 실제 세계를 기준으로 하는 두 개의 요소를 기준으로 크기가 조정됩니다.

스냅 그리드 사용

atlas.drawing.SnapGridManager 클래스를 사용하여 스냅 그리드를 만들고 관리자를 연결하려는 맵에 참조를 전달합니다. 그리드를 표시하려면 showGrid 옵션을 true로 설정합니다. 셰이프를 그리드에 맞추려면 스냅 그리드 관리자 snapShape 기능에 전달합니다. 위치 배열을 맞추려면 snapPositions 함수에 전달합니다.

맞추기 그리드 사용 샘플은 끌 때 HTML 마커를 그리드에 맞춥니다. drawingcomplete 이벤트가 발생했을 때 그리기 도구를 사용하여 그리드에 그려진 셰이프를 맞춥니다. 이 샘플의 소스 코드는 맞추기 그리드 소스 코드 사용을 참조하세요.

맵에 스냅 그리드를 보여 주는 스크린샷.

스냅 그리드 옵션

스냅 그리드 옵션 샘플에서는 스냅 그리드 관리자에 사용할 수 있는 다양한 사용자 지정 옵션을 보여 줍니다. 눈금선 스타일은 스냅 그리드 관리자 getGridLayer 기능을 사용하여 기본 선 계층을 검색하여 사용자 지정할 수 있습니다. 이 샘플의 소스 코드는 스냅 그리드 옵션 소스 코드를 참조하세요.

스냅 그리드가 사용하도록 설정된 맵의 스크린샷과 맵에 업데이트되는 다양한 옵션을 설정하기 위한 측면의 옵션 패널입니다.

다음 단계

그리기 도구 모듈의 다른 기능을 사용하는 방법을 알아봅니다.