mapbox

지도 표출 예제

현재는 제공된 스타일 JSON 파일을 통해 모든 레이어가 표시됩니다. 각 레이어를 개별적으로 제어할 수 있는 기능은 추후 업데이트를 통해 제공될 예정입니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>국5 mapboxgl 샘플</title>
    <link href="https://api.mapbox.com/mapbox-gl-js/v3.0.1/mapbox-gl.css" rel="stylesheet">
    <script src="https://api.mapbox.com/mapbox-gl-js/v3.0.1/mapbox-gl.js"></script>
    <style>
        body { margin: 0; padding: 0; }
        #map { position: absolute; top: 0; bottom: 0; width: 100%; }
    </style>
</head>
<body>
    <div id="map"></div>
    <script>
        mapboxgl.accessToken = 'Mapbox AccessKey 입력';
        const map = new mapboxgl.Map({
            container: 'map',
            style: 'https://cdn.mqnicrnd5.com/json/style.json',
            center: [126.8276859293457, 37.20550677121028],
            zoom: 13,
        });
    </script>
</body>
</html>

PreviousMap 사용 가이드 NextOpenLayers 3

Last updated 1 year ago