방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com OpenLayers(오픈레이어스)11 Openlayers heatMap (오픈레이어스 히트맵, Openlayers 히트맵) 히트맵, 열지도 그리는 방법은 Heatmaplayer클래스를 생성하여 적용하면 쉽게 만들 수 있습니다. 해당 클래스는 kml이라는 파일의 형식이 필요합니다. kml확장자를 지닌 파일 형식은 아래처럼 되어 있습니다. 이름 AREA 고유 날짜형식, 숫자 등 크기값 위도,경도 kml파일에서 "" 으로 되어있는 부분의 값은 반드시 날짜형식 또는 숫자 등으로 순번을 줄 수 있는 데이터로 채워져야 합니다. 겹치는 문자나 기호는 적용되지 않으므로 주의 하여야 합니다. 적당한 내용으로 kml 파일을 만들었다면 이제 히트맵이 동작하는 기능을 만들어 보겠습니다. 레이어는 저번시간에 사용한 레이어 그대로 사용하겠습니다. 추가되는 코드는 아래와 같습니다. import KML from 'ol/format/KML.js'; imp.. 2019. 9. 20. 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 사용법 (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. 이전 1 2 다음
