Vworld 3D Data를 Three.js로 출력하기 Vworld WebGL기반 3차원 지도 Vworld WebGL기반 3차원 지도 에 접속하시면 아래와 같은 화면을 볼 수 있습니다. 여기서 WebGL 이란 웹 기반의 그래픽 라이브러리 자바스크립트 프로그래밍 언어를 통해서 사용 호환성이 있는 웹 브라우저에서 인터랙티브한 3D 그래픽을 사용할 수 있
Cesium-React 적용 출처: cesium-react - npm create-react-app react 프로젝트 생성 123create-react-app cesium-react-testcd cesium-react-testyarn eject yarn install 모듈 설치 cesium cesium-react html-webpack-includ
Cesium Viewer 화면 설정 확인 Viewer - Cesium Documentation 에서 자세한 내용을 확인 할 수 있습니다. animation: false 123456789101112131415161718192021import React, { Component } from "react"import
[Leaflet] 플러그인 heatmap.js 사용하기 heatmap.js를 사용하여 heatmap을 표현해 보겠습니다. https://www.patrick-wied.at/static/heatmapjs/example-heatmap-leaflet.html 에서 예제를 확인할 수 있습니다. Leaflet CSS, JS 추가 1234567891011121
[Leaflet] 플러그인 PolylineDecorator 사용하기 Leaflet 플러그인 중에서, Markers & renders에 있는 Leaflet.PolylineDecorator를 사용하여 폴리라인을 꾸며보겠습니다. https://github.com/bbecquet/Leaflet.PolylineDecorator 깃헙 페이지에서 사용법을 확
[Leaflet] 시작하기 Quick Start Guide http://leafletjs.com/examples/quick-start/ 에 있는 가이드 문서를 보면서 실습을 진행하겠습니다. Leaflet CSS, JS 추가 1234567891011<html><head> <link rel="stylesheet"
Vue v-for 사용 데이터 요청 12345678this.$http.post('/web/stat/mapSearch.json', {'text': this.text, 'x': center.x, 'y':center.y}).then(function(response)
[Vue.js] v-for 에서 index 사용하기 v-for 기본 사용 12345<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li></ul> index
Vue.js Start id=“StatEventCtrl” id를 대상으로 vue 생성 vue repeat v-for="(item, index) in items eventTypeClass 필터를 생성 v-bind :class=“{ ‘first’: index == 0, ‘odd’: !(index % 2), ‘even’: index % 2, ‘la
[Vue.js] input 값 길이 체크 input 입력 데이터의 길이를 확인해서, 길이 초과시에 메시지를 출력한다. v-on:input 추가 1<input type="text" id="title" v-on:input="title_typing" name="title" value