티스토리 뷰
반응형
만든 결과물 링크 : Drawing Polygon
회사에서 DB 내 상권 등의 폴리곤을 확인할 일이 많아서 지도 위에 레이어로 그려주는 툴을 만들 수 있지 않을까 싶어서 만들게 되었다.
네이버 지도 API를 사용하였고 GeoPolygon 좌표값들을 WKT(경도, 위도) 형태로 입력하면 숫자 부분만 읽어서
, 로 구분하여 위경도 값을 지도 상에 그려주도록 설계하였다.
테스트 값으로 소상공인시장진흥공단 상권 에 있는
POLYGON ((127.039452 37.495138, 127.039172 37.495735, 127.033527 37.494008, 127.034194 37.492618, 127.035835 37.493117, 127.035443 37.493923, 127.035641 37.49398, 127.035641 37.49398, 127.03564 37.493981, 127.035628 37.494008, 127.035627 37.494009, 127.035628 37.49401, 127.035629 37.494011, 127.03563 37.494012, 127.03563 37.494012, 127.035516 37.494245, 127.035973 37.494386, 127.03608 37.494142, 127.035635 37.494012, 127.035635 37.494012, 127.035636 37.49401, 127.035648 37.493984, 127.035648 37.493983, 127.035648 37.493982, 127.036296 37.494168, 127.036671 37.493376, 127.037524 37.49363, 127.037871 37.492892, 127.038716 37.493148, 127.039063 37.492445, 127.039501 37.493259, 127.040235 37.493479, 127.039452 37.495138))
폴리곤 좌표값을 넣어보았다.
작동이 잘 되는 것을 알 수 있었다.
다음 편으로는 코드에 대한 설명을 연재해야겠다 !
반응형
'IT > Frontend' 카테고리의 다른 글
지도 위에 폴리곤 그리기 - 회고 (0) | 2022.03.25 |
---|---|
[React Native] 윈도우 10에서 Expo 접속 불가 문제 (0) | 2022.03.13 |
[CSS] SVG 색깔 바꾸기 (0) | 2022.02.13 |
[Svelte] Svelte 시작하기 (0) | 2022.02.11 |
[React] 컴포넌트를 소문자가 아닌 대문자로 작성하는 이유 / ReactDOM (0) | 2022.02.07 |
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- submodule
- 역량테스트
- tsconfig
- Polygon
- SCSA
- Python
- ReactDOM
- DOM
- architecting
- wkt
- 카이제곱검정
- konlpy
- 렌더트리
- aws
- Next.js
- 블로그플랫폼
- polyfill
- 삼성전자
- 도커컨테이너
- GeoPolygon
- 삼전
- Plotly
- graphql
- 삼성
- cssom
- docker
- react
- choropleth
- SW역량테스트
- svelte
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함