GIS3 Cesium-React 적용 Cesium-React 적용 출처: cesium-react - npm create-react-app react 프로젝트 생성 create-react-app cesium-react-test cd cesium-react-test yarn eject yarn install 모듈 설치 cesium cesium-react html-webpack-include-assets-plugin copy-webpack-plugin yarn add cesium cesium-react html-webpack-include-assets-plugin copy-webpack-plugin webpack.config 수정 config/webpack.config.dev.js // config/webpack.config.dev.js cons.. 2018. 5. 17. [Leaflet] 시작하기 Quick Start Guide [Leaflet] 시작하기 Quick Start Guide http://leafletjs.com/examples/quick-start/ 에 있는 가이드 문서를 보면서 실습을 진행하겠습니다. Leaflet CSS, JS 추가 leaflet 사용을 위해서 css, js를 포함하는 기본 코드를 작성합니다. leaflet.html(또는 원하는 파일명)로 파일을 저장합니다. 지도 영역 추가 body 태그안에 맵을 표출할 영역을 div 태그로 생성합니다. 브라우저 전체에 표출되도록 높이를 100%로 하는 스타일을 추가하였습니다. 지도 생성 스크립트 vworld 에서 제공하는 타일맵 서비스를 이용합니다. (http://xdworld.vworld.kr:8080/2d/Base/201710/{z}/{x}/{y}.png)지.. 2018. 1. 13. Leaflet 전체 영역에 지도가 표시되지 않을 때 Leaflet 전체 영역에 지도가 표시되지 않을 때 이와 같이 Leaflet 전체 영역에 지도가 표시되지 않을 때는 mymap.invalidateSize(); invalidateSize() 를 호출한다. 2016. 7. 14. 이전 1 다음