반응형 etc.../TIL5 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. 이전 1 다음 반응형