[LeafletJs] 도별 지도 영역 표시
2021. 9. 28. 22:43
LeafletJs
us-states.js var statesData = { "type":"FeatureCollection" ,"bbox":[124.7893155286271,33.172610584346295,130.96524575425667,38.54255349620522] ,"features":[ {"type":"Feature" ,"geometry":{ "type":"Polygon" ,"coordinates":[ [ [128.54880989370014,38.301950820518755],[128.5600921732829,38.25735515107489],[128.59761716763322,38.21480959198724],[128.60765942875406,38.15215810015938],[128.642068544478..
[LeafletJs] GeoJson 예제
2021. 9. 14. 13:28
LeafletJs
- GeoJson - GeoJSON은 다양한 지리 데이터 구조 […]를 인코딩하기 위한 형식입니다. GeoJSON 객체는 공간 영역(Geometry), 공간적으로 제한된 엔터티(Feature) 또는 기능 목록(FeatureCollection)을 나타낼 수 있습니다. GeoJSON은 Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon 및 GeometryCollection과 같은 지오메트리 유형을 지원합니다. GeoJSON의 기능에는 Geometry 개체 및 추가 속성이 포함되고 FeatureCollection에는 기능 목록이 포함됩니다. -geoJson.html - sample-geojson.js var freeBus = { "typ..
[LeafletJs] 아이콘 가이드 예제
2021. 9. 14. 13:19
LeafletJs
- 아이콘 가이드 예제 - 이 자습서에서는 지도에 표시하는 마커에서 사용할 고유한 아이콘을 쉽게 정의하는 방법을 배웁니다. - iconGuide.html - 아이콘 클릭했을경우 https://leafletjs.com/examples/custom-icons/example-one-icon.html Custom Icons Tutorial - Leaflet leafletjs.com -소스 설명 var map = L.map('map').setView([51.5, -0.09], 13); 51.5 -> 경도값 -0.09 -> 위도값 13 -> zoom level - 너비조정 var LeafIcon = L.Icon.extend({ options: { shadowUrl: 'leaf-shadow.png', //가로, 세로..
[LeafletJs] 모바일 가이드 예제
2021. 9. 14. 13:13
LeafletJs
- 이 예에서는 iPhone, iPad 또는 Android 휴대폰과 같은 모바일 장치에 맞게 조정된 전체 화면 지도를 만드는 방법과 현재 사용자 위치를 쉽게 감지하고 사용하는 방법을 배웁니다. - mobileGuide.html - 소스설명 var map = L.map('map').fitWorld(); 현재 위치를 찍음 - 핀 클릭했을경우 onLocationFound 원 클릭시 이벤트 var radius = e.accuracy / 2; -> 원크기
[LeafletJs] 가이드 예제
2021. 9. 14. 11:17
LeafletJs
- 이 단계별 가이드는 전단지 지도 설정, 마커, 폴리라인 및 팝업 작업, 이벤트 처리를 포함하여 전단지 기본 사항을 빠르게 시작할 수 있도록 도와줍니다. - guide.html - 소스설명 var mymap = L.map('mapid').setView([51.505, -0.09], 13); - setView([경도, 위도], zoom level)을 뜻함 - 위도, 경도란? https://www.google.com/maps Google Maps Find local businesses, view maps and get driving directions in Google Maps. www.google.com ex) 구글맵에서 주소를 시청이라 검색을하면 뒤에 @37.5712137,126.9648429,14z/..
[LeafletJs] Leaflet이란?
2021. 9. 14. 10:56
LeafletJs
-Lefalet이란? - Leaflet은 모바일 친화적인 대화형 지도를 위한 최고의 오픈 소스 JavaScript 라이브러리입니다. 무게가 약 39KB에 불과한 JS 에는 대부분의 개발자에게 필요한 모든 매핑 기능 이 있습니다. 전단지는 단순성 , 성능 및 사용성 을 염두에 두고 설계되었습니다 . 모든 주요 데스크톱 및 모바일 플랫폼에서 효율적으로 작동하고 많은 플러그인 으로 확장할 수 있으며 아름답고 사용하기 쉬우며 잘 문서화된 API 와 간단하고 가독성이 좋은 소스 코드 를 제공 합니다.
[지오서버] 세이프 파일 게시하기
2021. 9. 14. 06:44
지오서버
- 세이프 파일 게시하기 1. 파일 다운로드 (뉴욕시의 도로모양 파일 튜토리얼) https://docs.geoserver.org/latest/en/user/_downloads/30e405b790e068c43354367cb08e71bc/nyc_roads.zip nyc_roads_zip 구조 - nyc_roads.shp - nyc_roads.shx - nyc_roads.dbf - nyc_roads.prj 2. 해당경로에 폴더 생성후 안에 zip파일 압축해제 3. 데이터 - 작업공간 이동후 새로운 작업공간 추가하기 클릭 Name : nyc_roads 네임스페이스 URI : http://opengeo.org/nyc_roads 4. 데이터 - 저장소 - 새로운 저장소 생성하기 클릭 데이터 저장소 이름 : NYC ..
[지오서버] 윈도우 환경에서 설치하기
2021. 9. 14. 05:25
지오서버
- 설치 1. AdotOpenJDK Java 8 또는 Java 11 설치 https://adoptopenjdk.net/installation.html Installation | AdoptOpenJDK AdoptOpenJDK provides prebuilt OpenJDK binaries from a fully open source set of build scripts and infrastructure. Supported platforms include Linux, macOS, Windows, ARM, Solaris, and AIX. adoptopenjdk.net 2. 지오서버 다운로드 http://geoserver.org/ GeoServer GeoServer is an open source server f..
[지오서버] 소개
2021. 9. 14. 04:59
지오서버
- 개요 - GeoServer는 사용자가 지리 공간 데이터를 공유하고 편집할 수 있도록 Java로 작성된 오픈 소스 소프트웨어 서버입니다. 상호 운용성을 위해 설계된 이 제품은 개방형 표준을 사용하여 모든 주요 공간 데이터 소스의 데이터를 게시합니다. 커뮤니티 주도 프로젝트인 GeoServer는 전 세계의 다양한 개인 및 조직 그룹에서 개발, 테스트 및 지원합니다. GeoServer는 OGC( Open Geospatial Consortium ) WFS( Web Feature Service ) 및 WCS( Web Coverage Service ) 표준 의 참조 구현이며, 인증된 고성능 WMS( Web Map Service )입니다. GeoServer는 Geospatial Web의 핵심 구성요소를 형성합니다..
dbeaver 설치
2021. 9. 13. 15:07
소프트웨어 설치
- db를 여러개 사용할경우 해당툴을 사용하면 편리함 - 구동방식은 jdbc 방식임 - 아래 해당하는 db를 선택해서 열수있음 커뮤니티 (무료버전) 설치사이트 https://dbeaver.io/download/ Download | DBeaver Community Download Tested and verified for MS Windows, Linux and Mac OS X. Install: Windows installer – run installer executable. It will automatically upgrade version (if needed). MacOS DMG – just run it and drag-n-drop DBeaver into Applications. Debian packag..