API사용11 [Mapbox] 한국 지적도 geoJSON파일 만들기 아래 과정이 귀찮은 사람들을 위해 미래의 나를 위해 파일을 맨위에 먼저 올려두겠다....미래의 나에게 시간을 단축을.... 아래 geoJSON파일들의 세팅 기준1.2025년 3월 14일 기준 데이터 (당일 최신데이터 기준) 2.지적도 간소화 정확히 10% 맞춤 (본인 기준 10%면 충분함)3.한글 인코딩 작업 완료4.위도경도 WGS84로 변환 완료 ( .mapbox같은 지도에 편리하게 사용 가능 ) 🗾시도 geoJSON 🗾 시군구 geoJSON 🗾 읍면동 geoJSON 🗺️gsoJSON파일 만들기!!✔️필요한 지도 파일 다운로드 하기1. 지오서비스 가입https://www.geoservice.co.kr/ GEOSERVICE-WEB www.geoservice.co.kr 회원가입 시 처.. 2025. 4. 3. [Mapbox] 맵 박스에 행정안전구역 범죄주의구간 표시하기 https://www.safemap.go.kr/dvct/openAPI.do 오픈API 소개 www.safemap.go.kr위사이트에서 API키 발급 범죄주의구간(전체) 이것을 사용할 예정 mapBox에서 뿌려주기 위에선 위 예시에서 살짝 수정이 필요 VsCode로 복붙 후 확인주의할점은 mapboxgl.accessToken = "맵 box에서 받은 내 토큰값" apikey: '행정안전역에서 받은 내 apiKey값',으로 넣어주자 DOCTYPE html>html>head> meta charset="utf-8"> title>Mapbox + 범죄주의구간 WMS (최적화)title> meta name="viewport" content="initial-scale=1,maximum-scale=1.. 2025. 3. 21. [Mapbox] 맵 박스 지도 위성사진으로 교체하기 핵심코드 위성사진 지도를 지원하는 style 사용 style: 'mapbox://styles/mapbox/satellite-v9', // 스타일 URL 전체코드DOCTYPE html>html>head>meta charset="utf-8">title>Mapbox GL JS maptitle>meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">link href="https://api.mapbox.com/mapbox-gl-js/v3.10.0/mapbox-gl.css" rel="stylesheet">script src="https://api.mapbox.com/mapbox-gl-js/v3.10.0/mapbox-gl.js".. 2025. 3. 14. [Mapbox] 맵 박스 눈/비 내리는 효과 예제 1. Mapbox 비 내리는 예제비내리는 효과 핵심코드 /* 비 내리는 효과 */ map.on('style.load', () => { // 지도 스타일이 로드될 때 실행되는 이벤트 map.setConfigProperty('basemap', 'lightPreset', 'dawn'); // 기본 지도 스타일을 'dawn' (새벽)으로 설정하여 분위기 조정 // 특정 줌 레벨(zoom)에 따라 속성을 점진적으로 변화시키는 함수 const zoomBasedReveal = (value) => { return [ 'interpolate', // 보간(interpolation) 적용하여 값이 부드럽.. 2025. 3. 13. [Mapbox] 맵 박스 3D 건물 세우기 예제 1.style = "mapbox://styles/mapbox/standard" 를 사용할 경우 3D 건물 핵심코드 const map = new mapboxgl.Map({ container: 'map', // container ID style: 'mapbox://styles/mapbox/standard', //mapbox://styles/mapbox/standard //mapbox://styles/mapbox/streets-v12 center: [126.735901, 37.348980], // 한국 zoom: 9, // starting zoom pitch: 45,// 3D 시점으로 기울기 적용 bearing: -17.6,//지.. 2025. 3. 13. [Mapbox] 맵 박스 기본 사용법 및 셋팅하기 1.Mapbox 가입우선 사용과 토큰발급을 위해서 맵박스 가입을 해야한다.아래 URL로 들어가 가입한다.https://www.mapbox.com/ Mapbox | Maps, Navigation, Search, and DataAPIs and SDKs for AI-powered maps, location search, turn-by-turn navigation, and geospatial data in mobile or web apps. Get started for free.www.mapbox.com사이트 접속 Get started for free 클릭 양식 작성 후 가입 2. 토근 발급Get to account 클릭 토큰복사 버튼 클릭웹용 사용서비스인 Mapbox GL JS(자바스크립트용)은 월 5만건에.. 2025. 3. 13. 이전 1 2 다음
