본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


Openlayers5

Openlayers change map (오픈레이어스 맵 바꾸기, Openlayers 맵 변경) 이번엔 오픈레이어스 객체위치를 바꾸는 방법 입니다. 쉽게 설명하면, 기존에 만들어놓은 맵 데이터를 다른 테그에 옮기는 방법 입니다. 내가 한 행위, 내가 그린 대상 및 정보 전부 다른 테그로 옮길 때 사용 합니다. 기본 레이어를 생성 합니다. import Map from 'ol/Map.js'; import View from 'ol/View.js'; import OSM from 'ol/source/OSM.js'; import OlTileLayer from 'ol/layer/Tile.js'; import point from 'ol/geom/Point'; var pnt = new point([126,37]).transform('EPSG:4326', 'EPSG:3857'); var center = pnt.get.. 2019. 9. 26.
Openlayers Flight Animation (오픈레이어스 항공 애니메이션, Openlayers 항공 애니메이션, Openlayers 비행 애니메이션) 이번엔 비행기가 지나가는 노선도 효과의 에니메이션 입니다. 레이어는 항상 사용하던 기본 OSM 레이어를 사용 하였습니다. 일단, 시작점과 끝점이 존재하는 배열을 생성 하였습니다. 출발나라와 도착 나라의 개념의 위경도를 배열에 담았습니다. var flights = new Array(); flights[0] = [[126.11,37.12], [7.51,11.831]]; flights[1] = [[110.11,25.12], [178.21,33.561]]; flights[2] = [[55.11,43.12], [47.21,13.42]]; flights[3] = [[12.11,3.12], [126.21,37.42]]; flights[4] = [[-113.11,39.12], [45.42,37.21]]; 다음 단계는 .. 2019. 9. 24.
Openlayers 위경도 변환 및 이벤트 리스너 (Openlayers 위도 경도 변환) 오픈 레이어스에서 위도 경도를 바꾸어 주는 녀석은 ol/geom/Point 패키지에 있는 Point 라는 클래스가 담당 합니다. 오픈 레이어스3 에서는 ol.proj.fromLonLat 라는 함수에게 파라미터로 위도, 경도 값을 입력하면 변환하여 주었는데, 오픈레이어스4에서는 Point라는 녀석이 그 역할을 대신 한다고 생각하면 됩니다. 사용법은 어렵지 않습니다. import point from 'ol/geom/Point'; //임포트 var pnt = new point([126,37]).transform('EPSG:4326', 'EPSG:3857'); //위경도를 변환 var changePoints = pnt.getCoordinates(); //1차원배열 크기 2개의 값 [x, y] 이렇게 변환된 대상.. 2019. 9. 11.
Openlayers 사용법 (Openlayers 개발 환경 구성,오픈레이어스 개발환경, Nodejs 활용) 오픈레이어스는 브라우저에서 지도를 활용한 정보를 표출하는 라이브러리 입니다. 네이버지도, 구글지도 및 다음지도 처럼 GIS(geographic information system) 라는 명칭으로 불리우며 지형정보 서버를 따로 구축 할 수 있어서 외부 인터넷이 안되는 곳에서 종종 사용 되기도 합니다. 오픈레이어스가 기존 3.0.X버전에서 4.0.X버전으로 올라감에 따라 문법이 ES6 이상 스타일로 바뀌었으며 일반 개발도구나 환경에서 개발하기에는 기본 세팅이 쉽지가 않습니다. * 2019년도 8월 기준 입니다. 이에 Node.js에서 npm을 활용하여 개발을 하기 쉽게 구성하는 방법을 나열해 보고자 합니다. 먼저 Node.js를 설치하고, 개발도구는 비쥬얼 스튜디오 코드를 설치 합니다. Node.js는 필수로.. 2019. 9. 9.
Openlayers 사용법, 소개 매번 네이버, 구글맵 연동을 하다가 얼마전 오픈레이어스를 활용해서 지도작업을 해야되는 경우가 있었습니다. 한글지원도 잘 되고, 지형도 잘 표현하면서 나름 괜찮았던 gis 작업 이었습니다. 처음 오픈레이어스를 만났을 때는 관공서 관련된 프로젝트였는데..열지도, 지역구 그리기, 마커표시 및 이름표시 등 이러한 내용의 작업을 해야 하였습니다. 물론 네이버나 다음 및 구글 지도가 훨씬 더 이쁘고 기능도 강력하지만.. 일정량 이상 사용시 유료되는게 단점이 있으며 순수 내부망으로 구축된 곳에서는 사용 할 수가 없습니다. 그런데, 오픈레이어스의 장점은...네트워크가 되지 않아도 지형정보만 제공되어지는 서버가 존재 한 다면, 해당 정보를 통해 기능구현이 가능한 점 입니다. 저 또한 지형정보를 가진 업체와 일을 해보니... 2019. 4. 27.

티스토리툴바