728x90 SMALL QGIS·Geo43 [openlayers, geoserver] 맵에 마우스 올렸을 때 layer feature tooltip 표출하기 tooltip style과 body map과 info만 있으면 된다 // 그리고 많이 헤맸는데 tooltip을 openlayers의 example그대로 사용하려면 부트스트랩을 데려와야한다 순서 꼭 지킬것.....jquery -> jquery-ui -> bootstrap임... 툴팁의 내용을 올려줄 변수를 설정하고 맵 위에 마우스올렸을 때 주는 이벤트에서 설정을 시작한다 나는 시간이 없기도했고 데이터도 별로 없어서 아래와 같이 마우스 올렸을 때 매번 url을 통해 feature를 가져오는 방법을 사용했는데 추후 fetch를 사용해서 좀 더 효율적인 소스로 수정하고 좀 더 모듈화를 시킬생각이다... var info = $('#info'); info.tooltip({ animation: false, trigg.. 2022. 6. 23. [geoserver] SQL 뷰에서 parameter설정, 정규식, 파라미터 오류, 여러개의 변수 구분 원하는 것은 해당 시군구, 시설명, 시설타입으로 검색한 값들이 지도에 point형태로 표출되는 것 select * from layer_test where fclt_sn in (select f.fclt_sn from fclt f where f.sgg = '%cd%' and f.fclt_nm like '%nm%' and f.fclt_type1 like'%type%') 내가 작성한 쿼리는 위와 같다 layer에 각 시설들이 있는데 db에는 시설id만 있음 fclt(시설테이블)에서 시군구, 시설명, 시설타입을 검색하여 가져오는 쿼리이다 sql view에서는 파라미터를 '%cd%' 이런식으로 작성해주면됨 여기서 많이 헤맸는데 저 정규표현식을 ^[\w\d\s]+$로 하니까 문자는 허용이 안되서 오류가 났었다 해당 .. 2022. 6. 23. [openlayers] openlayers활용하여 웹상에 지도올리기 https://github.com/openlayers/openlayers/releases/tag/v4.6.5 Release v4.6.5 · openlayers/openlayers 4.6.5 The v4.6.5 release fixes a hit detection issue when declutter: true is set on an ol.layer.VectorTile. Fixes #7669 - Use declutter tree only for text and image replays (@ahocevar) github.com 해당 스크립트 불러오고 html에서는 하나만 있으면 된다. 기본맵 설정 control을 사용하여 zoom을 활성화시킬 수 있음 layer에는 올리고싶은 layer을 올려줌 //기본 맵.. 2022. 6. 21. [QGIS, geoserver] 간단하게 point 레이어 올려보기, 변수(parameter)설정하여 레이어 불러오기 웹에 올리고싶은 shp파일을 qgis에 뿌려주면 이렇게 딱 나온다! 얘를 저장해준다 DB관리자-> PostGIs->db선택 ->스키마선택 -> 레이어/파일 불러오기 이렇게 설정해준다 나는 인코딩이 자동설정이 되어있어서 따로 설정은 안해주겠다! 그러면 DB에 가보면 geom을 포함하여 테이블이 생성되어있을 것이다. 레이어 추가해서 원하는 레이어 발행해준다 하지만 나는 sql뷰로 발행하는 편이다 이런식으로 파라미터를 설정할 수 있기때문! 그리고 바로 id값을 발행해주기때문에 편하다 필요없으면 바로 발행해줘도 상관없다 layer올리는 소스 param이 필요없다면 viewparams을 삭제해도 상관없다 test_layer = new ol.layer.Image({ source : new ol.source.Imag.. 2022. 6. 21. 이전 1 ··· 4 5 6 7 8 9 10 11 다음 728x90 LIST
