REACT-MAP-GL의 example 소개합니다.

개요

이제 React로 지도 프로그램을 만들고 싶습니다.
Uber에서 제공하는 REACT-MAP-GL이라는 라이브러리를 사용하기 위해 많은 시도를 했습니다.
REACT-MAP-GGL에는 다양한 example이 있습니다. 제가 소개해 드릴게요.

표시 방식

모든 exaple는 다음 절차에 따라 사용할 수 있습니다.

맵박스에서 Token 가져오기

맵박스 사이트에서 Token을 가져옵니다.
링크

app.편집 js

example 폴더 아래에는 다양한 exaple 폴더가 있습니다.
사용하고 싶은 example 폴더 src/app을 엽니다.열기
다음 문장을 편집합니다.

const MAPBOX_TOKEN = ''; // Set your mapbox token here

이''에 맵박스의 토큰을 넣습니다.

npm install

npm run start-local

지금 표시합니다.

example 소개

controls

이 example를 사용하면 팝업 메뉴를 표시할 수 있습니다.
나는 도시의 팝업과 위키백과의 링크를 확인할 수 있다고 생각한다.

geojson-animation

json 정보에 따라 맵을 그립니다.

draggable-markers

드래그할 수 있는 태그를 그릴 수 있습니다.

heatmap

여기에 열도를 그립니다.
기본적으로 지진 횟수에 따라 열도를 그립니다.