본문 바로가기

맵박스4

Mapbox사용법(5) - Mouse Event 이전 블로그에 이어서 지도에 마우스 클릭으로 해당 위치의 좌표값을 취득하는 방법에 대해 알아 보고자 합니다. geocoding 으로 주소지 또는 POI 정보로 지도 경위도 좌표값을 얻을 수 있는데 Mapbox에서 모든 정보를 가지고 있지 않기 때문에 정확한 위치로 매칭되지 않을 수 있습니다. 2023.12.11 - [개발활용툴] - Mapbox사용법(4) - geocoding Mapbox사용법(4) - geocoding Mapbox에서 지원하는 다양한 기능중에서 실제 어플리케이션 개발시 사용할 만한 기능에 대해 설명하고자 합니다. geocoding(지오코딩) 기능은 주소지 또는 POI(시설물) 정보를 텍스트로 입력시 GPS 경 peter-codinglife.tistory.com 정확한 위치 값을 얻기 위.. 2023. 12. 12.
Mapbox사용법(4) - geocoding Mapbox에서 지원하는 다양한 기능중에서 실제 어플리케이션 개발시 사용할 만한 기능에 대해 설명하고자 합니다. geocoding(지오코딩) 기능은 주소지 또는 POI(시설물) 정보를 텍스트로 입력시 GPS 경위도 위치값으로 변환시켜주는 기능입니다. 즉, 구글, 네이버 지도에서 시설물이나 지도 검색시 지도에 해당 정보 위치를 표시해주는 기능으로 이해하면 됩니다. 구체적인 사용 방법의 이해를 돕기위해 예시를 들어 설명하겠습니다. 1. Geocoding API 사용하기 [참고] Mapbox Documentation https://docs.mapbox.com/api/search/geocoding/ Geocoding API | API Docs The Mapbox Geocoding API runs forward .. 2023. 12. 11.
Mapbox 사용법(3) Marker 표출하기 이전 블로그에서 Mapbox 기본 사용법과 클러스터맵 사용예시를 보았습니다. 이번에는 POI(Point of Interrest) 상세정보 표출시 사용하는 마커가 있는 지도를 어떻게 설정하면 되는지 알아 보겠습니다. 1. 지도표출 화면 container id를 map 으로 지정합니다. 지도에 표출할 데이터와 mapToken을 2. 지도 표출 설정하기 mapboxgl.Map() 으로 기본적인 지도를 지정합니다. 지도표출 위치는 넘겨 받은 GPS 데이터로 지정합니다. 일반적으로 GPS좌표는 위도, 경도 순서로 표출하는데 Mapbox에서는 경도, 위도 기준으로 지정해야 합니다. 지도위 marker 표출은 mapboxgl.Marker() 로 지정합니다. Marker의 위치는 setLngLat 로 지정하고, Mar.. 2023. 11. 13.
Mapbox 사용법(1) 가입 및 기본사용 위치정보를 지도에 표출하기 위해 구글맵, 네이버, 카카오 등 다양한 맵을 사용할 수 있습니다. 이번에는 Open Street Map 기반의 지도서비스인 Mapbox를 이용하여 지도를 표출하는 방법을 설명하고자 합니다. Mapbox에서 제공하는 API, SDK를 이용하면 웹, 모바일, 자동차용도 등 다양한 용도에 다양한 스타일의 지도서비스를 만들 수 있습니다. http://mapbox.com Mapbox | Maps, Navigation, Search, and Data APIs and SDKs for AI-powered maps, location search, turn-by-turn navigation, and geospatial data in mobile or web apps. Get started fo.. 2023. 11. 10.
반응형

티스토리툴바