IT/FrontEnd2 [ReactJS] Mapbox js lib 활용 (2) - GeoJSON and Point 지난 시간에 이어 ReactJS와 Mapbox를 활용하여 지도에 Point를 표시하는 것을 해보겠습니다. Mapbox를 사용하기에 앞서 GeoJSON이라는 것을 먼저 알아야 하는데 간단히 말하면 "위치 정보를 기반으로 다양한 지형을 표시하기 위한 표준"입니다. https://datatracker.ietf.org/doc/html/rfc7946 이것을 왜 알아야 하나? 이유는 앞서 간단히 말했듯이 지도에서 어떠한 위치를 그리기 위해서는 GeoJSON 형식의 Data 포맷이 필요하기 때문입니다.(아래에서 코드로 자세히 표현하겠습니다) GeoJSON은 다음과 같은 기본 포맷을 가집니다. {"type": "Point", "coordinates": [lon, lat]} (type은 예시로 Point만 적었는데 Mu.. 2021. 7. 14. [ReactJS] Mapbox js lib 활용 (1) - How to Start 현업에서 하고 있는 업무를 진행하다 보니 전 세계 각 법인별 관리하고 있는 Place들에 대한 Management가 필요하여 이것저것 알아보던 중 Mapbox lib을 사용하여 Admin dashboard를 구성하게 되었습니다 사실 Mapbox 말고도 Google map이 있는데 어떻게 보면 Google Map은 Major이다만 최초 시작 당시 Mapbox에서 지원하는 API가 좀 더 우리의 방향성이 맞다고 생각하여 Mapbox로 시작하게 되었습니다 (몇 개월이 지난 지금, 사실 Google Map API를 다 보지는 못했지만 지원하는 부분이 서로 비슷비슷해 보임) 또 시작하기에 앞서 가격에 대한 얘기를 하고 싶은데 Load Map만을 기준으로 Mapbox는 50,000 call까지 공짜, 그 뒤로는 아.. 2021. 7. 12. 이전 1 다음
