gis 검색 결과

해당 글 26건

[Openlayers] wms 적용하기

list-js.jsp 수정 //init function openlayersInit(){ mapLayer = new ol.layer.Tile({ //타일 생성 title : 'Vworld Map', //이름 visible : true, //보여짐 여부 type : 'base', //지도 종류(일반) ---(야간(midnight), 위성(satellite) 등) source : new ol.source.XYZ({ //vworld api 사용 url : 'http://api.vworld.kr/req/wmts/1.0.0/{api 인증키}/Base/{z}/{y}/{x}.png' }) }); var tileImg = new ol.layer.Tile({ visible : true, source : new ol.sou..
gis/Openlayers 2022. 2. 17. 14:19

[Openlayers] vworld wmts, map, pin, polygon, circle 객체 올리기

openlayers 5로 작성하였습니다. list.jsp 오픈레이어스에서 배경지도 띄우기 list-js.jsp 마우스 올릴시 정보가 나옴 vworld wmts api 인증키 받는법은 해당 글에 나와있으니 참고 부탁드립니다. https://aamoos.tistory.com/515 [LeafletJs] vworld wmts 배경지도 띄우기, map, circle, polygon, pin 기능 vworld wmts api를 사용하여서 배경지도를 띄우는 부분입니다. 인터넷에 대부분의 예제는 아래 코드처럼 띄우는 형식으로 되어있는데 url에 보면 202002 버전으로 업데이트된 지도이므로 최신의 지도 aamoos.tistory.com
gis/Openlayers 2022. 2. 17. 14:11

[leafletJs] shape 파일 sld 활용

저번에 포스팅했던 wms으로 시별 표출한 지도를 색상으로 분리하는것을 해보겠습니다. 시작하기에 앞서 전에 생성했던 레이어 - 레이어 편집에 들어가보면 해당 스키마 상세정보를 볼수있습니다. shape 파일의 각컬럼을 알수 있습니다. CTPRVN_CD : 시코드 CTP_ENG_NM : 영어 시 이름 CTP_KOR_NM : 한국 시 이름 스타일 적용하기 이름 : 스타일이름 작업공간 : gis sld 코드 강원도 강원도 CTPRVN_CD 42 #FF0000 1 #000000 0.5 경기도 경기도 CTPRVN_CD 41 #FFBB00 1 #000000 0.5 경상남도 경상남도 CTPRVN_CD 48 #FFE400 1 #000000 0.5 경상북도 경상북도 CTPRVN_CD 47 #ABF200 1 #000000 0..
gis/LeafletJs 2022. 2. 17. 14:05

[LeafletJs] geoserver 설정, shape 파일 적용, wms 활용

geoserver에 shape 파일을 넣어서 지도에 표출하는 부분을 해보겠습니다. geoserver 다운로드 사이트 http://geoserver.org/ GeoServer GeoServer is an open source server for sharing geospatial data. Designed for interoperability, it publishes data from any major spatial data source using open standards. geoserver.org 필자는 c:\geoserver 폴더를 경로에 압축을 풀었습니다. geoserver start startup 파일 실행 shutdown 파일은 서버를 끌때 실행합니다. 실행이 되었으면 해당 url 접속 http:..
gis/LeafletJs 2022. 2. 17. 13:53

[LeafletJs] vworld wmts 배경지도 띄우기, map, circle, polygon, pin 객체 올리기

vworld wmts api를 사용하여서 배경지도를 띄우는 부분입니다. 인터넷에 대부분의 예제는 아래 코드처럼 띄우는 형식으로 되어있는데 url에 보면 202002 버전으로 업데이트된 지도이므로 최신의 지도가 아닐수 있습니다. 저는 그래서 wmts api를 활용해서 지도를 표출해보겠습니다. var map = new ol.Map({ target: 'map', layers: [ new ol.layer.Tile({ source: new ol.source.XYZ({ //Vworld Tile 변경 url: 'http://xdworld.vworld.kr:8080/2d/Base/202002/{z}/{x}/{y}.png' }) }) ], view: new ol.View({ center: [14126669.4158924..
gis/LeafletJs 2022. 2. 17. 13:27

[Openlayers] Openlayers4 맵지도 적용해보기

- Openlayers5부터 node.js로 npm으로 받아서 하는 es6방식으로 바뀌어서 필자는 Openlayer4를 사용하여 지도를 표출하는 방식으로 개발해보겠습니다. index.html Go to map Zoom out Zoom in view: new ol.View({ center: [126.977885, 37.5662378] ,zoom: 15 ,projection : 'EPSG:4326' }) 구글맵은 EPSG:3857 openlayers에서는 EPSG:4326을 사용하고 있으므로 EPSG:4326으로 변환 위에 경도, 위도 값은 구글맵에서 시청의 위도, 경도 값입니다. - 결과화면 서울특별 시청이 보이는것을 확인할수 있습니다. Zoom out과 Zoom in을 클릭해보면 동작을 확인할수 있습니다.
gis/Openlayers 2021. 9. 30. 11:20

[LeafletJs] GeoJson 예제

- GeoJson - GeoJSON은 다양한 지리 데이터 구조 […]를 인코딩하기 위한 형식입니다. GeoJSON 객체는 공간 영역(Geometry), 공간적으로 제한된 엔터티(Feature) 또는 기능 목록(FeatureCollection)을 나타낼 수 있습니다. GeoJSON은 Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon 및 GeometryCollection과 같은 지오메트리 유형을 지원합니다. GeoJSON의 기능에는 Geometry 개체 및 추가 속성이 포함되고 FeatureCollection에는 기능 목록이 포함됩니다. -geoJson.html - sample-geojson.js var freeBus = { "typ..
gis/LeafletJs 2021. 9. 14. 13:28

[LeafletJs] 아이콘 가이드 예제

- 아이콘 가이드 예제 - 이 자습서에서는 지도에 표시하는 마커에서 사용할 고유한 아이콘을 쉽게 정의하는 방법을 배웁니다. - iconGuide.html - 아이콘 클릭했을경우 https://leafletjs.com/examples/custom-icons/example-one-icon.html Custom Icons Tutorial - Leaflet leafletjs.com -소스 설명 var map = L.map('map').setView([51.5, -0.09], 13); 51.5 -> 경도값 -0.09 -> 위도값 13 -> zoom level - 너비조정 var LeafIcon = L.Icon.extend({ options: { shadowUrl: 'leaf-shadow.png', //가로, 세로..
gis/LeafletJs 2021. 9. 14. 13:19