exhibitlove

// Attribution Control const attributionControl = new ol.control.Attribution({ collapsible: true // 귀속(지도회사명) 보이지 않도록 }) controls: ol.control.defaults({ attributionOptions: ({ collapsible: false // 귀속(지도회사명) 보이도록 }) }).extend([ //new ol.control.ZoomSlider(), //new ol.control.ScaleLine(), new ol.control.MousePosition({ coordinateFormat: ol.coordinate.createStringXY(4), // 4 : 좌표소숫점이하 자리수 projecti..

QueryDsl booleanBuilder.and([VO명].dt.minute().mod(10).eq(0)); select wtflow0_.DT as col_0_0_, wtflow0_.BLOCK_CDE as col_1_0_, wtflow0_.FLW as col_2_0_, wtflow0_.VEL as col_3_0_, wtflow0_.WAL as col_4_0_, wtflow0_.ACM as col_5_0_, wtflow0_.HMD as col_6_0_, wtflow0_.PRS as col_7_0_, wtflow0_.TMP as col_8_0_, wtflow0_.SUN_ST as col_9_0_, wtflow0_.PWR_ST as col_10_0_, wtflow0_.SD_ST as col_11_0_, wt..

출처 : developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/apply 배열에 배열을 붙이기 위해 apply 사용 push 를 사용하여 요소를 배열에 추가 할 수 있습니다. push 는 가변 인수를 허용하기 때문에 여러 요소를 동시에 추가 할 수 있습니다. 그러나 push 에 배열을 전달하면 요소를 개별적으로 추가하는 대신 실제로 해당 배열을 단일 요소로 추가하므로 결국 배열 내부에 배열로 끝납니다. 그것이 우리가 원하는 것이 아니라면? 이 경우 concat 은 우리가 원하는 동작을 하지만 실제로는 기존 배열에 추가되지 않고 새 배열을 만들어 반환 합니다. 그러나 우리는 기존 배열에 추가하고 싶었습니다 ... 그럼 ..

출처 : medium.com/@alvin.h/oop-js-7-%ED%81%B4%EB%A1%9C%EC%A0%80-8e5adbe67722 OOP JS (6) — 클로저 자바스크립트는 클로저(Closure)라는 매우 중요한 개념이 있다. 자바스크립트로 프로그램을 구현하다보면 은연 중에 이러한 개념들을 사용하곤 했는데 확실하게 알고 있지는 않았다. 그래서 오늘 medium.com 간단예제 var glo = 'global'; function outer() { var out = 'out'; function inner() { var a = 'in'; //var out = 'inner-out' console.log(a); console.log(out); console.log(glo); } inner(); } funct..

출처 : www.gisdeveloper.co.kr/?p=2489 OL3에서 도형을 마우스로 그리기는 코드를 정리해 봅니다. OL3에서 마우스를 이용해 도형을 그리기 위한 목적으로 사용되는 레이어가 있는데요. 바로 ol.source.Vector를 소스(source)로 갖는 ol.layer.Vector 레이어입니다. Open Street Map을 레이어로 추가하기 위해 raster 변수를 정의합니다. var raster = new ol.layer.Tile({ source: new ol.source.OSM() }); 다음으로 지도 위에 마우스로 도형을 생성하기 위한 레이어를 위해 vector라는 변수를 아래처럼 정의합니다. var source = new ol.source.Vector({ wrapX: false..

출처 : kithub.tistory.com/entry/Openlayers-%EB%A7%88%EC%9A%B0%EC%8A%A4-%EC%98%A4%EB%B2%84%EC%8B%9C-%ED%8A%B9%EC%A0%95-%EA%B5%AC%EC%97%AD-%ED%95%98%EC%9D%B4%EB%9D%BC%EC%9D%B4%ED%8C%85%ED%95%98%EA%B8%B0with-olinteractionselect 폴리곤 표출 시 특정지역을 하이라이팅 해야하는 경우가 있는데 이때 ol.interaction.select 객체를 활용하면 간단한 하이라이팅 효과를 줄 수 있습니다. 소스코드

[출처] OpenLayers3 와 VWORLD 를 사용해보자|작성자 곰구리 지도 서비스 하면 국내에서 유명한 것에는 네이버지도, 다음(카카오)지도, 구글지도 등이 있다. 워낙 다양하게 쓰이고 기능도 좋고.. 뭐든 다 좋다.. 검색도 엄청난 데이터를 기반으로 짜잔 하고 뿌려주니.. 정말 대단하다 라고 밖에 말할 수 없는 듯 싶다. 하지만, 이것을 내가 만든 프로그램에 넣을순 있어도 기능을 넣어보는 것은 쉽지가 않다. 특히 내가 모아놓은 좌표정보를 거기에다가 뿌리려면.... 어휴;; 이런 부분들을 공부해보려 하면.. GIS 엔진으로 어쩌구 저쩌구 하면서.. 디게 복잡한 이야기가 나오던데... 이건.. 혼자 해보기에는 너무 어렵다.. 그래서 블로그나 카페들에서 가끔 다루는 오픈소스기반 GIS 를 써서.. 맵을..

출처 : jeaha.dev/4 OpenLayers를 사용해서 HTML상에 지도를 띄우는 방법. 1. OpenLayers JS 파일과 CSS파일을 Include 한다. 선택 사항으로, 만약 지도가 IE나 안드로이드 v4 환경에서 보여지길 원한다면, OpenLayers script를 Include 하기전에 다음 파일을 Include해 준다. 2. 지도가 들어갈 div를 만들어 준다. 3. 화면에 보여질 지도의 크기를 CSS로 지정해 준다. 4. javascript로 지도를 띄워준다. let map = new ol.Map({ target: 'map', layers: [ new ol.layer.Tile({ source: new ol.source.OSM({ url: 'https://maps.wikimedia.or..