Web
-
[Web] Mapbox 활용하기 3Dmap(three.js 라이브러리)Web 2019. 11. 21. 13:20
이번에는 Mapbox를 활용하여 web상에 3D지도를 올려보겠습니다. 먼저 Mapbox사이트에서 예제를 복사합니다. https://docs.mapbox.com/mapbox-gl-js/example/3d-buildings/ Display buildings in 3D Use extrusions to display buildings' height in 3D. docs.mapbox.com 이제 위도와 경도를 원하는 위치로 바꿔주고 style을 원하는 지도 색으로 바꿉니다. accessToken은 사이트 로그인을 해서 각자 API키를 생성하고 붙여넣기 합니다. 그리고 three.js를 활용하여 3D오브젝트 파일을 가져와 지도 위에 올려보겠습니다. 한 폴더 안에 html파일과 obj파일, three.js 라이브러리..
-
[Web] Leaflet 활용하기 2DmapWeb 2019. 11. 20. 14:11
Web상에 2D지도 보여주기 leafletjs 라이브러리를 사용하여 vworld지도를 가져온 후 웹 상에 보여주었다. 아래 링크를 통해 소스코드를 다운 받을 수 있다. https://leafletjs.com/download.html Download - Leaflet - a JavaScript library for interactive maps an open-source JavaScript library for mobile-friendly interactive maps Download Leaflet Version Description Leaflet 1.6.0 Stable version, released on November 17, 2019. Leaflet 1.7-dev In-progress version,..