📒솜이노트

openlayer 검색 결과

해당 글 2건

# OpenLayer - map.js

지도 표시하는 핵심 부분배경 지도 (Base Map) 설정layers['base'], layers['satellite'] 등을 통해 VWorld 지도를 가져옴ol.layer.Tile()을 사용하여 타일 레이어 설정벡터 레이어 (Vector Layer) 설정vectorSource, vectorLayer 등을 생성하여 지도의 다양한 요소를 추가WMS (Web Map Service) 레이어 설정ol.source.TileWMS()를 이용하여 GeoServer에서 WMS 데이터를 가져옴GeoServerUrl에서 데이터를 불러와 지도에 추가 1.지도 초기화 (ol.Map)map = new ol.Map({ layers: [ ... ], // 추가된 레이어 목록 target: 'map', // HTML ..

🖥️ 프론트엔드/🌏GIS 2025. 2. 26. 14:26

# geoserver에 지도 레이어 추가하기 + postgreSQL

테스트용으로 지도정보를 저장할 데이터베이스를 새로 만들었다. 1.DB그다음 스키마를 선택하고 SQL을 열어서create extension postgispostgis로 변경되도록 명령어를 쳐준다.그럼 이렇게생긴 테이블이 생기는데 그럼 완료 된거당 2.geoserver그다음 geoserver를 설치하는데다운할때 주의할 점은 8080포트는 톰캣이랑 겹쳐서 다른 포트로 설정했다.기본 아이디 비밀번호는 admin/geoserver 다.설치가 완료되었으면 geoserver를 시작해줘야한다.설치된 위치에 가서 저걸 실행해주자.(만약 에러가 나서 실행이 안된다면 현재 로컬에 환경변수로 설정된 java버전이랑geoserver가 요구하는 java사양이 안맞는거니 자바버전을 맞춥시다.geoserver버전을 낮추려니까 pos..

🖥️ 프론트엔드/🌏GIS 2025. 2. 21. 10:59