[OpenStreetMap 활용하여 지도 사이트 만들기] shp file DB에 추가하기
osm data에는 바다에 대한 폴리곤이 없음. 바다를 만들어주기 위해 shp file이 필요함. 1. 바다 및 땅 표시를 위한 폴리곤 다운 받기 2. 전세계에 대한 폴리곤이므로 Shape 자르기 나는 편하게 할 수 있는 방법을 찾다가 웹에서도 가능하다는 것을 알았음. 웹에서 하는 방법 - polygon 받은 zip파일 드래그하여 넣기 - 드래그 기능이 없어 각 분할된 상태에서 클릭하여 polygon 선택 - 같은 영역내라도 서로 이어진 상태가 아닐 경우, 따로 떨어진 polygon은 클릭하여 선택 3. Shp2pgsql로 DB에 데이터 로드 cmd창을 띄워 shp2pgsql 입력하여 옵션 내용 나오는지 확인 커맨드 입력 shp2pgsql -s 3857 -W UTF-8 [shp file 저장경로] [테이..
[OpenStreetMap 활용하여 지도 사이트 만들기] OpenLayers(ol/style) 사용하여 도로 그리기
도로 그리기? polygon이랑 line 받아오니까 쉬울줄 알았음. 과소평가한 대가로 2주라는 시간이 걸림. 생각보다 매우 쉽지만 은근 노가다가 필요함. 지난번 서버 붙인 것에 이어서 함. 1. 지도 넣어줄 div 추가 id는 대부분 map을 사용하니 나도 따라서 id가 map인 div를 넣어줌. 귀찮아서 코드로 추가함. let mapElement = null; if(document.getElementById('map')){ mapElement = document.getElementById('map') } else { mapElement = document.createElement("div"); mapElement.id = "map"; mapElement.style.width = '100%'; mapEl..
[OpenStreetMap 활용하여 지도 사이트 만들기] pg_tileserv 설치하여 tile server 만들기
PostgreSQL을 쓴다면 pg_tileserv를 써보라며 추천받음. pg_tileserv란? PostgreSQL에서 벡터 타일을 제공하기 위한 오픈 소스 서버 PostgreSQL과 PostGIS 데이터베이스를 기반으로 하여, 지리 데이터를 벡터 타일 형식으로 제공하는 기능 Windows에서 사용하려면 docker를 써야한다는 문제 때문에 꺼려졌는데 docker 없이 사용이 가능함. 설치 방법도 매우 간단함. 1. Binary file 받기 https://github.com/CrunchyData/pg_tileserv 에서 Download 중 Windows 확인하여 받기 2. zip file 받아지면 편한 곳에서 압축 풀기 D:\PostgreSQL\pg_tileserv여기에서 풀었음. 3. cmd 관리자..