Seonglae Cho일단 소스 데브옵스 올리고
js 파일 분할중
dev tools없어서 넘나 불편 - 요청했다
ol stpano 소스 보고 옮기는중
Page: DOMContentLoaded, load, beforeunload, unload
The lifecycle of an HTML page has three important events: DOMContentLoaded - the browser fully loaded HTML, and the DOM tree is built, but external resources like pictures and stylesheets may be not yet loaded. load - not only HTML is loaded, but also all the external resources: images, styles etc.
https://javascript.info/onload-ondomcontentloaded
callback init function 문제가 있어서 document 이용
document.addEventListener("DOMContentLoaded", ready)
Animate 이동
View Animation
import 'ol/ol.css'; import Map from 'ol/Map'; import View from 'ol/View'; import {easeIn, easeOut} from 'ol/easing'; import TileLayer from 'ol/layer/Tile'; import {fromLonLat} from 'ol/proj'; import OSM from 'ol/source/OSM'; var london = fromLonLat([-0.12755, 51.507222]); var moscow = fromLonLat([37.6178, 55.7517]); var istanbul = fromLonLat([28.9744, 41.0128]); var rome = fromLonLat([12.5, 41.9]); var bern = fromLonLat([7.4458, 46.95]); var view = new View({ center: istanbul, zoom: 6 }); var map = new Map({ target: 'map', layers: [ new TileLayer({ preload: 4, source: new OSM() }) ], view: view }); // A bounce easing method (from https://github.com/DmitryBaranovskiy/raphael).
https://openlayers.org/en/latest/examples/animation.html
addCircle- record best pos
updateMarker- current
setFocus- 말그대로
geoserver 히스토리 넣고
