안녕하세요~오늘은 드디어 naver maps를 붙여보는 날:) 뭔가 이쁘게 해보려고 https://headlessui.com/react/tabs 를 하다가 https://nuxt.com/docs/examples/routing/pages 를 참고해서 만들어보려고 합니다. 그리고 navermap api는 튜토리얼이 엄청 잘되어있네요! 굿~ 하나씩 따라서 학습하면 만들수 있을것 같아요 ㅎㅎ https://navermaps.github.io/maps.js.ncp/docs/tutorial-MapTypes.html HelloWorld는 아래처럼 바로 나옵니다. 그리고 typescript사용에서는 npm에서 이미 제공을 해주네요 npm i -D @types/navermaps 지도생성 및 기본동작 등을 학습하면 아래..

드디어! geoServer와의 만남이 있겠습니다ㅎㅎㅎ 환경은 이러합니다.1. openLayers2. geoServer3. OpenStreet Mapbase map은 open street이라는 것을 사용합니다.올레맵은...DB를 구축해야 쉽게할 수 있을 것 같네요..ㅠ_ㅠ 참고 예제 : http://openlayers.org/dev/examples/osm.html 결과 : 베이스 맵에 WFS인 빨강+노란동그라미를 뿌려준 것 입니다. geoServer는 아래의 주소로 가셔서 다운로드 받으시면 됩니다.^-^http://geoserver.org/download/ 설치는 클릭신공! 사용하시면 됩니다 ㅋㅋ geoServer 메뉴에서 Layer Preview라는게 있습니다.(http://openlayers.or우리가..

환경 :Window 7 회사 PC ㅋㅋopenlayers 2.12ollehMap openlayers&Olleh Map을 사용!(개인은 무료라고 하네요 오예!) openlayers : http://openlayers.org/download/ 사용버전은 2.12~! ollehMap : http://dev.ktgis.com/ [Result]setting base picture with openLayers :D 알아두면 좋은 용어!# Raster - Zoom Level, 정적인 표현 - 이미지(깨짐) - zoomin/out : 새로운 지도 데이터 로딩 # Vector - Zoom Level 보다는 Scale을 이용(안깨짐), 동적인 표현 - 새롤운 지도데이터를 이용하여 Redraw Source 대해 알아보도록 ..

프로젝트 오픈을 하고....자리를 옮기고 나니 맥북을 꺼내질 못한다..ㅠㅠ..왕눈치가 보이는구나ㅋㅋ..anyways..어제부터 gis도(?) 하라고 해서 차근차근 정리 해보려고 한다.사실 지금 개인프로젝트 하는데 한번 붙여보고싶어서이기도 하다 ㅋㅋㅋ 음..그런데 오라클 Spatial을 돈주고 사서 사용한다고 하던데..개인은 공짜로 해주려나..ㅎㅎ;아무튼 정리 ㄱㄱ~ OpenLayers, geoServer, ollehMap 등을 사용한다. 포스팅에서는 회사관련된 것은 쇽쇽~빼버리고 포스팅을 하겠다ㅋ 우선은 자바로 만들어진 오픈소스를 사용한다. opensource geoServerhttp://geoserver.org/ 예전 GIS구축 때는 클라이언트에서 이미지를 생성하였는데 오픈소스 geoServer를 도입..