서울땅콩의 취미생활

개발자로그/gis : 「6」건

  1. 네이버 API를 활용한 GeoServer WMS 서비스 연동
    2021.10.28
  2. GeoServer를 git으로 이클립스에 연동
    2021.10.22
  3. 윈도우 GeoServer 다운로드 설치 및 작동
    2021.08.18
  4. lineStyle 설정
    2020.07.14
  5. Feature 스타일 변경
    2019.06.04
  6. 폴리곤과 포인트 intersect
    2019.05.31

네이버 API를 활용한 GeoServer WMS 서비스 연동

이번 지도 시각화를 진행하면서 네이버 API를 활용하여 시각화 하기로 하였다. WFS 시각화 같은 경우 GeoServer로 부터 GeoJson타입으로 받아와서 네이버 API이용하여 어렵지 않게 시각화를 진행할 수 있지만 WMS 같은 경우 약간 문제가 된다. GeoServer의 WMS Naver API 연동 네이버 클라우드의 개발자문서를 끊임없이 찾아보았다. 사용해볼만한 것이 ImageMapType이라는 함수가 있었는데 정상적으로 작동하진 않았다. GeoServer의 WMS의 경우 BBOX를 이용하는 반면에 네이버의 ImageMapType의 경우 XYZ를 이용하므로 연동하기가 쉽지 않았다. GeoServer에서 WMS로 이미지를 불러와서 ImageMapType으로 시각화하는 경우 타일형태로 시각화 되면서 ..
개발자로그/gis 2021. 10. 28. 08:58

GeoServer를 git으로 이클립스에 연동

GeoServer를 이클립스에서 git으로 연동하자 Window > Show View > Terminal로 이동하여 Git Bash를 실행한다. GeoServer git 주소를 입력한다. git clone git://github.com/geoserver/geoserver.git geoserver 위와 같이 입력하면 파일을 내려받는다. 설치는 몇분간 진행된다. 설치가 완료되면 폴더가 생성되고 하위에 파일이 다운받아진것을 확인할 수 있다. 이제 프로젝트 파일을 생성하자. mvn 명령어 입력시 실행이 되지 않는다면 Maven이 설치되어있지 않는 경우이므로.. Maven을 설치하고 설정한 후 그 다음을 진행하자. https://pncode.tistory.com/113 이클립스 Eclipse 메이븐 사용하기 이클..
개발자로그/gis 2021. 10. 22. 10:03

윈도우 GeoServer 다운로드 설치 및 작동

GeoServer(지오서버) 설치 GeoServer를 설치하기전에 확인해야할것이 있다. java(jdk 혹은 jre)가 설치되어 있어야 한다. jdk 혹은 jre는 설치되어있다고 가정하고 GeoServer(지오서버)를 다운로드 받아서 tomcat에 구동하는것을 목표로 한다. GeoServer 다운로드 GeoServer 다운로드는 굉장히 간단하게 진행할 수 있다. 우리가 개발을 하면서 자주 사용하는 google 검색창에 GeoServer로 검색을 한다면 상단에 사이트를 만나볼 수 있다. 검색이 완료되면 아래와 같이 GeoServer를 클릭하여 홈페이지로 이동하자. GeoServer 메인 페이지가 뜨면 GeoServer를 다운로드 받기 위해서 Stable 버튼을 선택한다. 선택하여 상세 페이지로 접속하면 P..
개발자로그/gis 2021. 8. 18. 15:53

lineStyle 설정

var style = new OpenLayers.Style(); var ruleLow = new OpenLayers.Rule({ symbolizer: {pointRadius: 10 , fillColor: "green", strokeWidth : 10, fillOpacity: 0.5, strokeColor: "green"} }); var ruleHigh = new OpenLayers.Rule({ symbolizer: {pointRadius: 20, fillColor: "red", strokeWidth : 10,fillOpacity: 0.7, strokeColor: "white", strokeLinecap:"round", strokeDashstyle:"solid"} }); var start_point = n..
개발자로그/gis 2020. 7. 14. 18:59

Feature 스타일 변경

Feature의 스타일을 변경하는 예제 소스이다. var styleMap = new OpenLayers.StyleMap({ fillColor: "#666666" }); layer.features[0].style = styleMap; layer.redraw();
개발자로그/gis 2019. 6. 4. 17:04

폴리곤과 포인트 intersect

/** * 지도 클릭 위치와 폴리곤 교차 부분 추출 */ function onIntersectArea(e){ var lonLat = e.layer.map.getLonLatFromPixel({'x':e.x, 'y':e.y}); var point = new OpenLayers.Geometry.Point(lonLat.lon, lonLat.lat); var features = []; var empIdArr = new Array(); for(var i = 0; i < e.layer.features.length; i++){ features[i] = e.layer.features[i].geometry; var isResult = point.intersects(features[i]); var map = {}; if(i..
개발자로그/gis 2019. 5. 31. 18:08
◀ 1 ▶

티스토리툴바