[JavaScript/Vue] 구글맵(Google Map) 행정 구역 Polygon 파일 만들기 - 1. 위치 정보 json 파일 준비하기

관련 글

1. [JavaScript/Vue] 구글 맵(Google Map) 튜토리얼
2. [JavaScript/Vue] 구글맵(Google Map) 마커
3. [JavaScript/Vue] 구글맵(Google Map) 반경(Circle)
4. [JavaScript/Vue] 구글맵(Google Map) 행정 구역 Polygon 파일 만들기 - 1. 위치 정보 json 파일 준비하기
5. [JavaScript/Vue] 구글맵(Google Map) 행정 구역 Polygon 파일 만들기 - 2. QGIS로 원하는 구역 추출하기
6. [JavaScript/Vue] 구글맵(Google Map) 행정 구역 Polygon 파일 만들기 - 3. Vue에 Polygon 생성하기

 

---

 

목차

1. 행정지도 다운로드하기

 

2. 행정지도 좌표계 변환

 

3. shp 파일 json 형태로 변환

 

4. json 파일 확인

 

 

---

참고사항

이번 글은 아래의 사이트를 참고하여 제작하였습니다.
https://m.blog.naver.com/sanmandii/222028511900

---

 

 

1. 행정지도 다운로드하기

http://www.gisdeveloper.co.kr/?p=2332 

대한민국 최신 행정구역(SHP) 다운로드 – GIS Developer

위의 사이트에서 최신 행정지도 데이터를 다운로드합니다.

행정지도 데이터를 다운로드하면 내부에 dbf, prj, shp, shx 확장자의 파일들이 있습니다.

2. 행정지도 좌표계 변환

 다운로드한 행정지도는 UTM-K로 되어 있기 때문에 WGS84 형태로 변환하려면 XrProjection 프로그램으로 좌표계를 변환시킵니다.

 

2-1. XrProjection 프로그램 다운로드

http://www.gisdeveloper.co.kr/?p=2101 

[GIS] XrProjection v3.1 – GIS Developer

 

 

2-2. XrProjection 프로그램으로 좌표계 변환

XrProjection 프로그램을 실행합니다. [SHP 파일 변환] 탭에서 다운로드하였던 행정지도 데이터 중 shp 데이터를 [WGS84 타원체의 경위도]로 변경합니다.

 

3. shp 파일 json 형태로 변환

변환한 파일을 json 파일로 변환 가능합니다.

https://mapshaper.org/

mapshaper

 

3-1. Import

변환했던 파일들을 넣고 추가적으로 'encoding=euckr'(한글코드로 맞춤) 옵션을 준 뒤 Import 합니다.

Import가 완료되면 다음과 같습니다.

 

3-2. Simplify

Simplify를 이용하여 지도를 단순화시켜줍니다. 단순화 작업이 필요 없을 경우 3-3으로 넘어가시면 됩니다.

Simplify를 누른 뒤 [prevent shape removal]를 선택한 뒤 [Apply]를 클릭합니다. 그 후 퍼센트를 조정합니다.

 

3-3. Export

Export로 GeoJSON 포맷으로 변환합니다. 정밀도의 경우 필요에 따라서 설정하시면 됩니다. 그리고 한글 포맷을 위해서 UTF-8로 설정해주시는 것이 좋습니다. 이미지에서는 [encoding=utf-8]로 작성되어있지만 [encoding='UTF-8']로 해야됩니다.

 

4. json 파일을 확인

다운로드에서 json 파일을 확인할 수 있습니다.