map popup2 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 사용법 (2) - 클러스터 사용예제 Mapbox 기본 사용법은 document를 참고하면 되는데 Node.js, express, mongoDB를 이용하여 지도에 데이터를 표출하는 사용하는 예시에 대해 설명하고자 합니다. 물론 Mapbox는 다양한 언어를 지원하기 때문에 각자 사용하는 언어 기준을 참고하면 되고, 맵 사용에 따른 기본적인 설정은 비슷하기 때문에 개발하는데 참고하기 바랍니다. 1. 지도 사용 등록 2023.11.10 - [개발활용툴] - Mapbox 사용법(1) 가입 및 기본사용 Mapbox 사용법(1) 가입 및 기본사용 위치정보를 지도에 표출하기 위해 구글맵, 네이버, 카카오 등 다양한 맵을 사용할 수 있습니다. 이번에는 Open Street Map 기반의 지도서비스인 Mapbox를 이용하여 지도를 표출하는 방법을 설명하고자.. 2023. 11. 12. 이전 1 다음 반응형
