KITHUB 저장소😀

개발을 하면서 레이어의 크기가 다른 경우 지도의 줌레벨을 직접 맞춰 주어야 하는 번거로움을 겪었던 경험이 잇었다. 하지만 이제 fit 함수를 통해 이런 문제를 조금은 덜 수 있게 되었다. 형상을 담고 있는 레이어의 바운더리와 지도 사이즈를 통해 지도 줌레벨을 맞출 수 있다. map.getView().fit(vectorSource.getExtent(), map.getSize()); 결과

오픈레이어스로 개발시 배경지도와 맞지 않는 좌표계의 데이터를 표출해야할 경우 각 feature의 coordinates를 변환해줘야한다. 그 방법에 대한 소스는 아래와 같다. 배경지도 - EPSG:3857 데이터 - EPSG:5179 // EPSG:5179 좌표계 등록 proj4.defs("EPSG:5179", "+proj=tmerc +lat_0=38 +lon_0=127.5 +k=0.9996 +x_0=1000000 +y_0=2000000 +ellps=GRS80 +units=m +no_defs"); ol.proj.proj4.register(proj4); var vectorSource = new ol.source.Vector({ format: new ol.format.GeoJSON(), loader: func..

geojson 파일을 읽어들여 벡터레이어로 생성하고 표출하는 코드 입니다. 테스트용 서울시 행정구역 geojson 데이터도 함께 올려두었습니다. var vectorSource = new ol.source.Vector({ url:"./geojson/seoulHD.geojson", //geojson 파일 format: new ol.format.GeoJSON() }); var vectorLayer = new ol.layer.Vector({ source: vectorSource, style: new ol.style.Style({ // fill: new ol.style.Fill({ // color: "rgba(255,255,0,0.3)", // }), stroke: new ol.style.Stroke({ colo..

다음의 경우는 5179좌표계를 사용하는 geojson을 읽어들여 좌표계 변환을 하는 경우이다. var vectorSource = new ol.source.Vector({ format: new ol.format.GeoJSON(), loader: function (extent) { const url = "./geojson/seoulHD.geojson";//5179 fetch(url) .then((response) => response.json()) .then((data) => { const features = vectorSource.getFormat().readFeatures(data); console.log("변환전 - ",features[0].getGeometry().getCoordinates()[0][..

1. postgis 테이블 2. shp 내려받기 소스 Map params = new HashMap(); params.put(PostgisNGJNDIDataStoreFactory.DBTYPE.key, "postgis"); params.put(PostgisNGJNDIDataStoreFactory.HOST.key, "접속 DB IP"); params.put(PostgisNGJNDIDataStoreFactory.PORT.key, Integer.valueOf(접속DB 포트)); params.put(PostgisNGJNDIDataStoreFactory.SCHEMA.key, "접속 스키마명"); params.put(PostgisNGJNDIDataStoreFactory.DATABASE.key, "접속 데이터베이스명")..

geotools 로 shp > postsql 임포트시 좌표 순서를 변경하여 데이터를 넣을 수 있다. SimpleFeatureTypeBuilder builder = new SimpleFeatureTypeBuilder(); // 좌표 x.y 순서 변환 Hints hints = new Hints(Hints.FORCE_LONGITUDE_FIRST_AXIS_ORDER, Boolean.FALSE); CRSAuthorityFactory factory = ReferencingFactoryFinder.getCRSAuthorityFactory("EPSG", hints); CoordinateReferenceSystem AXIS_CRS = factory.createCoordinateReferenceSystem("EPSG:43..

map.forEachLayerAtPixel(evt.pixel, function (olayer) { map.getFeaturesAtPixel(evt.pixel) })

var selectpolygon_Layer = new ol.layer.VectorTile({ renderMode: 'image', style: fn_Style, TxIdentify : false, name:'layer_name', extent : [13871448.599455647, 3910161.980931684, 14680011.069810476, 4666950.827313901], source: new ol.source.VectorTile({ tilePixelRatio: 1, tileGrid: ol.tilegrid.createXYZ({ maxZoom: 19, tileSize: [256,256] }), format: new ol.format.MVT(), url: SeverURL+'/geoserver/..