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

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

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


오픈레이어스5

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 draw circle (오픈레이어스 원 그리기, Openlayers 원 그리기) 오픈레이어스3 에서는 원, 점, 사각형 및 기타 이미지 그리기가 사실 참 쉬웠습니다. 그런데 버전이 4로 올라가면서 불러오는 스크립트의 레이어에 따라서 별칭을 주어야하는 필수 클래스가 존재하여 해당 부분에 유의해야 합니다. 먼저 가장 첫 시간에 사용한 내용에서 화면을 그려주는 클래스를 OLTIlerLayer로 바꾸어 기능을 수정 하였습니다. import Map from 'ol/Map.js'; import OSM from 'ol/source/OSM.js'; import OlTileLayer from 'ol/layer/Tile.js'; //기존 TileLayer에서 교체 import OlView from 'ol/View.js'; import Vector from 'ol/source/Vector.js'; im.. 2019. 9. 19.
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 사용법, 소개 매번 네이버, 구글맵 연동을 하다가 얼마전 오픈레이어스를 활용해서 지도작업을 해야되는 경우가 있었습니다. 한글지원도 잘 되고, 지형도 잘 표현하면서 나름 괜찮았던 gis 작업 이었습니다. 처음 오픈레이어스를 만났을 때는 관공서 관련된 프로젝트였는데..열지도, 지역구 그리기, 마커표시 및 이름표시 등 이러한 내용의 작업을 해야 하였습니다. 물론 네이버나 다음 및 구글 지도가 훨씬 더 이쁘고 기능도 강력하지만.. 일정량 이상 사용시 유료되는게 단점이 있으며 순수 내부망으로 구축된 곳에서는 사용 할 수가 없습니다. 그런데, 오픈레이어스의 장점은...네트워크가 되지 않아도 지형정보만 제공되어지는 서버가 존재 한 다면, 해당 정보를 통해 기능구현이 가능한 점 입니다. 저 또한 지형정보를 가진 업체와 일을 해보니... 2019. 4. 27.

티스토리툴바