AnyTools
🗺️

GeoJSON 편집기

대화형 지도를 사용하여 GeoJSON 데이터를 생성, 편집 및 시각화합니다. 점, 선, 다각형을 그리고 좌표를 편집하며 지리 데이터를 내보냅니다.

Loading map...
기능: 0

❓GeoJSON이란?

GeoJSON은 JSON을 사용하여 지리 데이터 구조를 인코딩하는 형식입니다. Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon 및 GeometryCollection 유형을 지원합니다. GeoJSON은 웹 매핑 애플리케이션, GIS 소프트웨어 및 지리 데이터 API에서 널리 사용됩니다. 속성과 좌표가 있는 지리적 기능을 나타내기 위한 간단하고 사람이 읽을 수 있는 형식을 제공합니다.

✨기능

🗺️

대화형 지도

Leaflet으로 구동되는 대화형 지도에서 지리 데이터를 시각화하고 상호 작용합니다. 이동, 확대/축소 및 GeoJSON 기능을 탐색합니다.
✏️

기능 그리기

지도에서 직접 점, 선 및 다각형을 그립니다. Point, LineString, Polygon 및 Multi 변형을 지원합니다.
🔧

기능 편집

꼭짓점을 드래그하고 좌표를 수정하며 속성을 업데이트하여 기존 기능을 편집합니다. 원클릭으로 원하지 않는 기능을 삭제합니다.
📝

JSON 편집기 및 실시간 동기화

구문 강조 표시로 GeoJSON 코드를 직접 편집합니다. 지도, JSON 편집기 또는 테이블 보기의 변경 사항이 모든 보기에서 자동으로 동기화되어 원활한 편집이 가능합니다.
🎯

응용 시나리오

🌍

GIS 애플리케이션

GIS 애플리케이션, 매핑 서비스 및 공간 분석 도구를 위한 지리 데이터를 생성하고 편집합니다.
🗺️

웹 매핑

Leaflet, Mapbox 및 Google Maps API와 같은 웹 매핑 라이브러리를 위한 GeoJSON 데이터를 생성합니다.
📍

위치 서비스

위치 기반 서비스를 위한 서비스 영역, 배송 구역 및 지리적 경계를 정의합니다.
📊

데이터 시각화

데이터 시각화, 등치 지도 및 대화형 대시보드를 위한 지리 데이터 세트를 생성합니다.

📋사용 가이드

1️⃣
기능 그리기
그리기 버튼(점, 선, 다각형)을 클릭하고 지도를 클릭하여 기능을 만듭니다.
2️⃣
기능 편집
'편집 모드'를 클릭하고 꼭짓점을 드래그하여 기능 모양을 수정합니다. '삭제 모드'를 클릭하여 기능을 제거합니다.
3️⃣
JSON 편집
JSON 편집기 탭으로 전환하여 GeoJSON 코드를 직접 편집합니다. 변경 사항이 지도와 자동으로 동기화됩니다.
4️⃣
데이터 내보내기
'다른 이름으로 저장'을 클릭하여 GeoJSON 파일을 다운로드하거나 'GeoJSON 복사'를 클릭하여 클립보드에 복사합니다.

📚기술 소개

🔬GeoJSON 형식 사양

GeoJSON은 JSON을 기반으로 하며 RFC 7946 사양을 따릅니다. WGS84 좌표 참조 시스템(CRS:84)을 사용합니다. 좌표는 [경도, 위도] 배열로 저장됩니다. 이 형식은 FeatureCollection(기능 배열), Feature(지오메트리 + 속성) 및 Geometry 객체를 지원합니다. 각 지오메트리에는 'type' 필드(Point, LineString, Polygon 등)와 좌표 배열을 포함하는 'coordinates' 필드가 있습니다.

⚙️Leaflet 통합

편집기는 대화형 지도를 위한 오픈 소스 JavaScript 라이브러리인 Leaflet.js를 사용합니다. Leaflet은 지도 렌더링, 타일 레이어(OpenStreetMap) 및 상호 작용 컨트롤을 제공합니다. leaflet-draw 플러그인은 지도에서 기능을 그리고 편집할 수 있게 합니다. 기능은 Leaflet 레이어(Marker, Polyline, Polygon)로 렌더링되며 GeoJSON 데이터 구조와 동기화됩니다.

🎨실시간 동기화

편집기는 지도 시각화, JSON 코드 및 테이블 보기 간의 양방향 동기화를 유지합니다. 지도에서 기능이 그려지면 GeoJSON이 업데이트됩니다. JSON이 편집되면 지도가 다시 렌더링됩니다. 테이블 보기의 변경 사항은 지도와 JSON을 모두 업데이트합니다. 이는 이벤트 리스너와 React hooks를 사용한 상태 관리를 통해 달성됩니다.

💡좌표계 및 검증

GeoJSON은 WGS84(EPSG:4326) 좌표계를 사용합니다. 경도는 -180에서 180까지, 위도는 -90에서 90까지입니다. 편집기는 좌표를 검증하고 다각형이 닫혀 있는지 확인(첫 번째 및 마지막 좌표 일치)하며 GeoJSON 구조를 검증합니다. 잘못된 지오메트리는 데이터 손상을 방지하기 위해 오류 메시지와 함께 거부됩니다.
❓

자주 묻는 질문

❓

GeoJSON이란 무엇이며 무엇에 사용됩니까?

GeoJSON은 지리 데이터 구조를 인코딩하기 위한 JSON 기반 형식입니다. 다음에 사용됩니다: 1) 웹 매핑 애플리케이션(Leaflet, Mapbox, Google Maps); 2) GIS 소프트웨어 데이터 교환; 3) 지리 API 및 서비스; 4) 데이터 시각화 및 대시보드; 5) 위치 기반 서비스; 6) 공간 분석 및 지리 공간 데이터베이스. GeoJSON은 사람이 읽을 수 있고 구문 분석하기 쉬우며 모든 플랫폼에서 널리 지원됩니다.
💬

GeoJSON은 어떤 좌표계를 사용합니까?

GeoJSON은 WGS84(World Geodetic System 1984) 좌표 참조 시스템을 사용하며 EPSG:4326이라고도 합니다. 좌표는 [경도, 위도] 배열로 저장됩니다. 경도는 -180°(서쪽)에서 180°(동쪽)까지, 위도는 -90°(남쪽)에서 90°(북쪽)까지입니다. 이것은 GPS와 대부분의 웹 매핑 서비스에서 사용하는 것과 동일한 좌표계입니다.
🔍

지도에서 다각형을 그리는 방법은 무엇입니까?

'다각형 그리기' 버튼을 클릭한 다음 지도를 클릭하여 꼭짓점을 배치합니다. 첫 번째 점을 다시 클릭하거나 더블 클릭하여 다각형을 완성합니다. '편집 모드'를 클릭하고 꼭짓점을 드래그하여 다각형을 편집할 수 있습니다. 삭제하려면 '삭제 모드'를 클릭하고 기능을 클릭하세요.
💡

기존 GeoJSON 파일을 가져올 수 있습니까?

예, '열기' 버튼을 클릭하고 컴퓨터에서 GeoJSON 파일을 선택하세요. 파일이 로드되어 지도에 표시됩니다. 지원 형식: 유효한 GeoJSON 데이터를 포함하는 .geojson, .json 파일. 편집기는 가져오기 전에 파일 형식을 검증합니다.
📚

내 데이터가 서버에 저장됩니까?

아니요, 모든 처리는 브라우저에서 로컬로 수행됩니다. GeoJSON 데이터는 서버에 업로드되지 않아 완전한 개인 정보 보호 및 데이터 보안을 보장합니다. 초기 페이지 로드 후 오프라인으로 작업할 수 있습니다.

💡How To & Tips

✅

모범 사례: 내보내기 전에 항상 GeoJSON을 검증하세요

GeoJSON이 사양을 따르고 좌표가 유효한 범위 내에 있는지 확인하세요.
✅

모범 사례: 의미 있는 속성 이름 사용

더 나은 데이터 구성 및 필터링을 위해 기능에 설명적 속성을 추가하세요.
✅

모범 사례: 다각형을 닫힌 상태로 유지

다각형 좌표가 닫힌 링을 형성하는지 확인하세요(첫 번째 및 마지막 좌표 일치).

🔗Related Documents

📖RFC 7946 - GeoJSON 형식-공식 GeoJSON 사양
🗺️Leaflet.js 문서-대화형 지도 라이브러리 문서
🌍GeoJSON.io-온라인 GeoJSON 편집기 참조
📚OpenStreetMap-무료 지도 타일 및 지리 데이터

User Comments

0 / 2000
Loading...