-Registering for Mapbox 
                 -Geocoding Our Locations 
                 -Working with GeoJSON 
                 -Displaying a map 

맵박스 등록

애플리케이션에 지도를 추가합니다.
Mapbox는 위도와 경도가 포함된 지오코딩을 사용하지만 최종 사용자는 기능을 위해 위도와 경도를 입력할 필요가 없습니다.

사용하기 전에 먼저 계정을 생성해야 합니다.
https://www.mapbox.com/

우리 위치 지오코딩

맵박스 / 맵박스-sdk-js

Node, 브라우저 및 React Native를 지원하는 Mapbox 서비스에 대한 JavaScript 클라이언트

@맵박스/맵박스-sdk

작업을 위한 JS SDKMapbox APIs .
Node, 브라우저 및 React Native에서 작동합니다.
2018년 6월 11일자로 코드베이스가 재작성되었으며 새로운 npm 패키지가 출시되었습니다.mapbox 패키지는 새로운 @mapbox/mapbox-sdk 패키지를 위해 더 이상 사용되지 않습니다.
설명서를 읽고 질문이나 문제가 있는 공개 문제를 확인하십시오.

목차

Installation

Usage

Creating clients

Creating and sending requests

Overview of requests, responses, and errors

MapiRequest

MapiResponse

MapiError

Services

Pre-bundled files on unpkg.com

Development

설치

npm install @mapbox/mapbox-sdk

이전 브라우저를 지원하는 경우 Promise polyfill이 필요합니다.
es6-promise은 확실하지 않은 경우 좋은 것입니다.
아래 문서는 JS 모듈 시스템을 사용하고 있다고 가정합니다.
그렇지 않은 경우 "Pre-bundled files on unpkg.com" 을 읽으십시오.

용법

API 응답을 받는 데는 3가지 기본 단계가 있습니다.

클라이언트를 생성합니다.

요청을 생성합니다.

요청을 보냅니다.

클라이언트 만들기

서비스를 만들려면…

View on GitHub

GeoJSON 작업

GeoJSON은 포인트가 될 유형 필드가 있는 특정 형식을 따릅니다.

지도 표시

지도 상자 GL JS는 WebGL을 사용하여 벡터 타일 및 지도 상자 스타일에서 대화형 지도를 렌더링하는 javscript 라이브러리입니다.


시작하려면

mapboxgl.accessToken = '<%-process.env.MAPBOX_TOKEN%>
const map = new mapboxgl.Map({
  container: 'map', 
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [-74.5, 40], 
  zoom: 4
});