본문 바로가기
반응형

etc...6

maplibre gl : Event 'data', 'dataloading' 차이 map.on('dataloading', () => { // Display a loading indicator // 데이터 로딩시작, 로딩중일 때 발생 console.log('Data loading...'); }); map.on('data', () => { // Data is loaded and ready to be displayed // 데이터가 로드되고 화면에 보여질 준비가 끝났을 때 발생 console.log('Data loaded.'); }); 2023. 3. 21.
maplibre-gl-geocoder 사용법 +Carmen GeoJSON https://maplibre.org/maplibre-gl-js-docs/example/geocoder/ https://github.com/maplibre/maplibre-gl-geocoder npm install --save @maplibre/maplibre-gl-geocoder 패키지 설치 import MaplibreGeocoder from '@maplibre/maplibre-gl-geocoder'; import '@maplibre/maplibre-gl-geocoder/dist/maplibre-gl-geocoder.css'; // Functions should return Carmen GeoJSON https://github.com/mapbox/carmen/blob/mas.. 2023. 3. 16.
maplibreGl 드래그 이벤트 구현 const { data: { rows: levelDatas = \[\] } = {} } = await this.$axios.get('/api', { params: { facilityId: this.facility.\_id, indoor: 'level', }, }) this.levelDatas = levelDatas this.map.addSource('facility-level', { type: 'geojson', data: turfFeatureCollection(levelDatas), // generateId: true, promoteId: 'level', }) this.map.addLayer({ id: 'facility-le.. 2023. 3. 10.
mapLibreGl layer style(paint) property # mapLibreGl layer 속성 paint: { 'fill-opacity': ['get', 'color'], // data-expression 사용 가능 ... } paint: { 'fill-extrusion-opacity': 0.5 // data-expression 사용 불가능 } 2023. 3. 7.
kibana ids 필드 (_id 를 or 조건으로 검색) GET {index}/_search { "query": { "ids" : { "values" : ["_id_1", "_id_2", "_id_3"] } } } ids 필드만 사용했을 때는 bool 필드를 넣으면 검색이 안된다. or { "bool": { "must": { "match": { "_all": "your search text" } }, "filter": { "ids": { "values": ["_id_1", "_id_2", "_id_3"] } } } }document 의 _id 필드로 or 검색을 하고 싶을 때 사용. 2023. 3. 6.
tistory markdown 공백 여러줄 삽입(공백두칸, 엔터두번 안먹힐때) 보통 마크다운에서 ' ' 공백 두칸, 엔터 두번을 입력하면 개행이 된다. 하지만 단락과 단락 사이에는 공백을 몇칸 입력해도, 엔터를 몇번 입력해도 개행은 한번만 된다. 위처럼 수평줄 (***)을 입력하고 위 아래 여러줄 공백을 삽입하고 싶을 때는 ` `(백틱, 물결표시 ~ 입력키 사이에 공백한칸) 이나 백슬래시 \(₩ 원화기호 키) 를 사용하면 된다. 첫번째줄 ` ` ` ` 두번째줄\ \ \ *** ` ` \ 위처럼 입력하면 첫번째줄 두번째줄 \ 위처럼 나온다/ ₩ 원화기호 키는 문장 뒤에 한번만 사용할 수 있으니 참고하자. 2023. 1. 6.
반응형