전체 글

또렷한 기억보다 희미한 연필자국이 낫다
시각화

[HTML] html 문서 안에   는 무엇인가? - 특수문자

OpenLayers → Examples → Select Features의 예제 소스를 보다가 라는 처음보는 문구를 발견하게 되었다. https://openlayers.org/en/latest/examples/select-features.html Select Features Example of using the Select interaction. Choose between Single-click, Click, Hover and Alt+Click as the event type for selection in the combobox below. When using Single-click or Click you can hold the Shift key to toggle the feature in the sele..

시각화

[deck.gl] 우리나라 지도 만들기 (Arc Layer)

Preview 데이터 준비하기 deck.gl의 Arc Layer Example을 우리나라 버전으로 변경하려고 한다. https://deck.gl/examples/arc-layer 1. 우리나라 SHP 파일 다운로드 http://www.gisdeveloper.co.kr/?p=2332 2. 좌표계 변경 (WSG 84 - EPSG:4326) https://norwegian-forest-cat.tistory.com/213 3. QGIS로 중심점 추출 - 도시별로 Arc를 연결하기 위해 중심점이 필요하다. 참고 : https://norwegian-forest-cat.tistory.com/215 code File Tree src ├── korea │ ├── assets │ │ └── arrow.svg │ ├── m..

GIS

[QGIS] 지도 중심 좌표(중심점) 구하기

각 도시별로 선을 연결하기 위해 중심점 좌표가 필요하다. https://deck.gl/examples/arc-layer shp 데이터 준비 및 WSG84 좌표계 변환 shp 파일 다운로드 받기 http://www.gisdeveloper.co.kr/?p=2332 shp 파일 좌표계 변환하기 (WSG 84 - EPSG:4326) https://norwegian-forest-cat.tistory.com/213 중심점 추가 위도 / 경도 추가 중심점 Export 및 확인 참고 블로그 https://junggam2.tistory.com/55

시각화

[Echarts] SVG 게이지 그래프 만들기

Echarts의 Example 중 Water Content의 SVG를 변경하여 그래프를 만드려고 한다. https://echarts.apache.org/examples/en/editor.html?c=pictorialBar-body-fill Examples - Apache ECharts echarts.apache.org 처음에는 svg 파일을 import하여 적용해보려 했으나 실패했고, 공식문서를 참조하여 svg 파일의 d= 부분부터 복사하여 배열에 추가했다. Echarts 공식문서 참조: https://echarts.apache.org/handbook/en/how-to/chart-types/scatter/basic-scatter/#symbol-style 완성 화면 완성 코드 Echarts를 React에서..

GIS

[QGIS] XrProjection을 활용해 좌표계 변경 및 GeoJSON 추출

XrProjection을 사용해 좌표계 변환 한국 기초 구역도는 좌표계가 UTM-K로 되어 있어 바로 사용하기 어려울 수 있다. 따라서 좌표계 변환 툴을 사용하여 위경도 형태의 WGS 84 형태로 변경하여 사용할 수 있다. 아래 링크에서 XrProjection v3.1을 다운 및 설치를 진행한다. SHP 파일 다운로드 : http://www.gisdeveloper.co.kr/?p=2332 XrProjection v3.1 : http://www.gisdeveloper.co.kr/?p=2101 입력 SHP 파일을 선택한다. 좌표계 : UTM-K(GRS80타원체) 선택 변환 좌표계 : WGS84 타원체의 경위도 선택 출력 SHP 경로 및 파일 이름 선택 변환 버튼 클릭 QGIS에서 GeoJSON으로 변환 ge..

GIS

[GeoServer] GeoServer로 레이어 발행하기

작업공간 추가하기 저장소 생성하기 레이어 발행하기 다른것은 건드리지 말고 아래로 내려오면 사진과 같은 내용들을 확인할 수 있다. ❗정의한 좌표체계를 EPSG:5179 로 선택 ❗ 좌표가 정상적으로 반영되지 않을 경우 EPSG:4326 등 다른 좌표계 선택하기 데이터로부터 계산하기 클릭 → 원본 영역으로부터 계산하기 클릭 ※ 위/경도 영역이 120전후로 나오면 우리나라 지도가 맞다. (값들은 나중에 수정 가능하다.) 레이어 미리보기 공동 포맷 → OpenLayers를 누르면 실행 가능하다. 또는 모든포맷 → OpenLayers 선택도 가능하다.

GIS

[PostgreSQL] PostgreSQL에 SHP(ShapeFile) 업로드 하기

PostGIS로 SHP 파일 등록 PostgreSQL을 설치하면 PostGIS가 자동으로 설치된다. View connection details… 클릭 pgAdmin에서 확인하기 노란색으로 표시된 경로 확인 및 상단의 테이블 보기 클릭

GIS

[QGIS] QGIS를 활용해 지도 편집하기

대한민국 SHP파일 다운로드 원하는 shp 파일을 다운로드한다. (시도, 시군구, 읍면동, 리) http://www.gisdeveloper.co.kr/?p=2332 SHP 파일 불러오기 v3.28.3 기준으로 진행했다. ※ 이후 진행과정에서 데이터를 확인했을 시 한글이 깨진다면 EUC-KR로 인코딩한다. 레이어 좌표 수정 3가지 레이어 모두 선택 → 오른클릭 → 레이어 좌표계 → 레이어 좌표계 설정 (반드시 3가지 레이어 모두 선택해야한다.) 좌표계를 EPSG:5179로 설정한다. ⚠️ 대부분의 참고 자료는 WSG84 - EPSG:4326 으로 설정하는데, 지도와 상황에 맞는 좌표계를 사용한다. 원하는 지역만 필터링하기 행정표준코드관리시스템 https://www.code.go.kr/stdcode/regC..

GIS

[QGIS] QGIS 설치하기

QGIS란? 오픈 소스 지리정보 시스템 쉐이프파일(*.shp) 형식의 데이터 파일을 열어서 그 데이터 파일에서의 탐지된 객체 라벨 정보를 볼 수 있는 소프트웨어이다. QGIS 설치하기 홈페이지 접속 및 다운로드 https://qgis.org/ko/site/ 원하는 파일을 다운받아 안내에 따라 설치 가능하다.

GIS

[GeoServer] GeoServer 설치하기

GeoServer란? - 지리공간 데이터를 공유하고 편집할 수 있는 Java로 개발된 오픈 소스 GIS 소프트웨어 서버이다. - 상호운용성을 전제로 개발되었기 때문에, 개방형 표준을 사용하여 다양한 공간 데이터 소스를 서비스할 수 있게 한다. https://ko.wikipedia.org/wiki/GeoServer GeoServer 다운로드 https://geoserver.org/ 위 내용들을 C:\Program Files\geoserver\ 안에 넣었다. cmd에서 실행할 때 좀 더 간편하게 하기 위해 geoserver-2.21.2-bin 폴더명을 geoserver 로 변경했다. 최종 경로는 C:\Program Files\geoserver가 된 것이다. GeoServer 환경변수 설정 포트 변경하기(선택..

캐럿노트
기록하는 블로그