728x90 반응형 IT 개발186 GeoServer 다운로드 및 설치 GeoServer 다운로드 및 설치 * geoserver.war 파일을 tomcaat 서버에 얹어서 geoserver 실행 * Tomcat 서버, JAVA 설치되어 있어야 하며 환경설정까지 완료한 상태이어야 한다. 1. GeoServer 홈페이지 접속 : http://geoserver.org/ 2. Stable 선택 3. Web Archive 클릭 (다운로드됨) 4. tomcat서버가 다운로드 되어있는 폴더로 이동하여 webapps폴더 내에 다운로드 받은 geoserver.war 파일을 복붙한다. 5. bin 폴더의 startup.bat 파일 실행 - 실행이 잘 된다면 6으로 넘어간다. 5-1 bin 폴더의 있는 startup.bat을 실행시키는데 빨리 꺼져버리면 시스템 환경변수 세팅을 확인해야한다. 1.. 2020. 1. 30. OpenLayers (Vworld API 활용 - 지도 Layer 변환하기) - 2. Layer 변환 * map.jsp (일부분만 추출) * map.js var wktFormat = new ol.format.WKT(); // WKT 텍스트 소스에서 단일 지오메트리를 읽습니다. var map = null; var view = null; var mapProjection = "EPSG:3857"; var dataProjection = "EPSG:4326"; var sggLayerName = "sggLayer"; var emdLayerName = "emdLayer"; var array = null; var sggLayer = null; var emdLayer = null; var baseLayer = null; var satelliteLayer = null; var hybridLayer = null; var g.. 2020. 1. 29. OpenLayers (Vworld API 활용 - 지도 변환하기) - 1. API 발급 받기 * Vworld API 활용하기 1. http://www.vworld.kr/dev/v4api.do 접속 2. 로그인 3. 인증키 > 인증키 발급 클릭 4. API를 사용하고자 하는 URL과 사용목적, 사용기관 작성 후 지도 인증키 받기 클릭 5. 회원가입시 작성했던 이메일로 승인 요청메일이 발송되며, 아래 화면에서 "인증키 사용" 버튼 클릭 6. 인증키 > 인증키 관리에서 '승인' 확인. => 인증키 발급 완료 - 해당 인증키값을 사용하고자 하는 URL에 등록하여 사용하면 된다. 2020. 1. 29. OpenLayers (Mask Layer) Mask - 반투명의 검은 막의 바탕 ex) 팝업 마스크 : 팝업을 사용할때 배경을 흐리게 만들어 팝업에 집중할 수 있게 효과를 주는 방법 Mask 작업 방법 1. JSTS라는 라이브러리를 사용 2. DB에서 쿼리를 사용하여 위 모양의 형태의 GEOMETRY를 가져오는 방법 * 필자는 두번째 방법을 통해 작업 1) DB에서 쿼리를 사용하여 mask 형태의 GEOMETRY를 가져온다. (ST_DIFFERENCE 사용) - 아래 쿼리로 만들어진 GEOMETRY를 js에 Map형식으로 미리 만들어 둠 ex) SELECT ST_DIFFERENCE ( ⓐ -- ST_GEOFORMTEXT('POLYGON((좌표들))', '4326'), -- ST_GEOMFROMTEXT : 4326 좌표계로 변환 ⓑ -- ST_GE.. 2020. 1. 17. OpenLayers 기본 1. Layer - 레이어란 현실세계의 형상(Feature) 들의 집합이다. - 형상(Feature) 이란 현실세계의 대상물을 표현, 건물 하나하나를 형상(Feature)이라 하고 이들의 집합을 건물 레이어라 한다. - 레이어는 다양한 형상에 따라 많은 레이어가 존재할 수 있다. - Map 객체가 선언되었다면 해당 Map 객체에 레이어를 등록함으로써 지도화면에서 지도를 볼 수 있다. 2. Overlay Layer - OpenLayers는 지도 서버로부터 지도 레이어를 전송받아 상호간에 중첩하여 활용할 수 있다. (레이어 중첩) 3. Vector Layer - WFS Layer - Vector 지도는 WMS 레이어와 달리 지도가 이미지 형태가 아닌 XML 또는 String등의 형태로 지도 형상의 좌표와 각.. 2020. 1. 16. 06. 제이쿼리 문서 객체 선택자와 조작법 자바스크립트의 문서 객체 모델(DOM, Document Object Model)은 브라우저 간 호환성이 떨어져 크로스 브라우징이 힘들다는 단점이 있다. 제이쿼리 문서 객체 모델은 이러한 문제를 해결할 수 있다. 제이쿼리란 - 제이쿼리 모질라 사의 자바스크립트 개발자였던 존 레식(Jhon Resig)이 자바스크립트를 이용해 만든 라이브러리 언어이다. - 제이쿼리는 다양한 함수들을 사용자에게 제공함으로써 자바스크립트에서 사용할 때 불편했던 몇 가지 점들을 간편하게 사용할 수 있도록 개선함.\ 1. 호환성 문제 해결 - 자바스크립트의 문서 객체 모델(DOM)과 이벤트 객체(Event Object)는 호환성(크로스 브라우징)이 떨어진다는 단점이 있다. 예를 들면 인접 요소 선택자 중 다음 요소 선택자(nextS.. 2020. 1. 14. poi 라이브러리 / Excel DB 적재 1. pom.xml 라이브러리 추가 2. jsp 파일에 파일 업로드 Element를 만든다 3. javscript 파일에서 jQuery와 Ajax를 통해 file을 넘긴다 - jsp에서 FORM을 생성하여 넘기지 않았을때 스크립트에서 formData로 file을 가져올 수 있다. - FormData object를 사용해야 하는데 IE브라우저에서는 10부터 지원이 된다고 한다. - 해당 코드는 네이밍을 APPEND 해주는 형식으로 하여 KEY,VALUE 형식으로 넘겨주는 방식 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 32 33 34 $(document).ready(function() { $("#ar.. 2020. 1. 14. OpenLayers (다중 마커 띄우기) 다중 마커 띄우기 //map을 보여주는 곳 function viewMap(data){ jQuery("#totViewMap").html(""); var vectorSource = new ol.source.Vector(); var markerVectorLayer = new ol.layer.Vector({ source : vectorSource, }); var map = new ol.Map({ layers : [ new ol.layer.Tile({source : new ol.source.OSM()}), markerVectorLayer], target : document.getElementById('totViewMap'), view : new ol.View({ projection: 'EPSG:4326', cen.. 2020. 1. 13. 05. 함수 함수 - 함수란 프로그램의 코드를 저장한 공간 - 변수에는 데이터만 저장할 수 있고, 코드는 저장할 수없으며, 함수를 사용하면 코드를 메모리에 저장했다 가 필요할 때마다 호출하여 사용할 수 있다. * 변수와 함수의 차이점 변수 함수 1개의 데이터만 저장 자바스크립트 코드를 저장 var 라는 키워드를 이용하여 선언 function이라는 키워드를 이용하여 선언 문자형, 숫자형, 논리형 테이터를 보관 출력문, 제어문 등의 코드를 저장하고 데이터를 반환 객체를 참조함 기본 함수 정의문 - 함수를 사용하여 코드를 저장한 것을 '함수 정의문'이라고 한다. - 변수를 선언할 때 var 키워드를 사용한 것처럼 함수에서는 function 키워드를 사용해 변수를 선언 기본형 1. 일반 함수 정의 function 함수명().. 2020. 1. 10. 04. 객체 자바스크림트는 객체 기반 언어 객체는 기능과 속성을 가지고 있다. ex) TV 라는 객체 기능 : 메소드(Methode) 속성 : 속성(Property) ex) TV의 크키나 색상 그리고 무게 등 기본형 객체.메소드(); //객체의 메서드를 실행 객체.속성; //객체의 속성값을 가져옴 객체.속성 = 값; //객체의 속성값을 바꿈 객체의 종류 - 내장객체 - 브라우저 객체모델(BOM, Browser Object Model) - 문서 객체 모델 (DOM, Document Object Model) 내장객체 - 자바스크립트 엔진에 내장되어 있어 필요한 경우 생성해서 사용 가능 - 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등 브라우저 객체 모델(BOM) - 브라우저 객체 모.. 2019. 12. 30. 이전 1 ··· 12 13 14 15 16 17 18 19 다음 728x90 반응형
