|
|
@ -314,38 +314,38 @@ export default function MapBoxMap() { |
|
|
|
type: 'raster-dem', |
|
|
|
type: 'raster-dem', |
|
|
|
url: 'mapbox://mapbox.mapbox-terrain-dem-v1', |
|
|
|
url: 'mapbox://mapbox.mapbox-terrain-dem-v1', |
|
|
|
tileSize: 512, |
|
|
|
tileSize: 512, |
|
|
|
maxZoom: 16 |
|
|
|
maxZoom: 14 |
|
|
|
}); |
|
|
|
}); |
|
|
|
map.setTerrain({ source: 'mapbox-dem', exaggeration: 1.5 }); |
|
|
|
map.setTerrain({ source: 'mapbox-dem', exaggeration: 1.5 }); |
|
|
|
map.addLayer({ |
|
|
|
// map.addLayer({
|
|
|
|
id: 'contour-labels', |
|
|
|
// id: 'contour-labels',
|
|
|
|
type: 'symbol', |
|
|
|
// type: 'symbol',
|
|
|
|
source: { |
|
|
|
// source: {
|
|
|
|
type: 'vector', |
|
|
|
// type: 'vector',
|
|
|
|
url: 'mapbox://mapbox.mapbox-terrain-v2' |
|
|
|
// url: 'mapbox://mapbox.mapbox-terrain-v2'
|
|
|
|
}, |
|
|
|
// },
|
|
|
|
'source-layer': 'contour', |
|
|
|
// 'source-layer': 'contour',
|
|
|
|
layout: { |
|
|
|
// layout: {
|
|
|
|
visibility: 'visible', |
|
|
|
// visibility: 'visible',
|
|
|
|
'symbol-placement': 'line', |
|
|
|
// 'symbol-placement': 'line',
|
|
|
|
'text-field': ['concat', ['to-string', ['get', 'ele']], 'm'] |
|
|
|
// 'text-field': ['concat', ['to-string', ['get', 'ele']], 'm']
|
|
|
|
}, |
|
|
|
// },
|
|
|
|
paint: { |
|
|
|
// paint: {
|
|
|
|
'icon-color': '#877b59', |
|
|
|
// 'icon-color': '#877b59',
|
|
|
|
'icon-halo-width': 1, |
|
|
|
// 'icon-halo-width': 1,
|
|
|
|
'text-color': '#877b59', |
|
|
|
// 'text-color': '#877b59',
|
|
|
|
'text-halo-width': 1 |
|
|
|
// 'text-halo-width': 1
|
|
|
|
} |
|
|
|
// }
|
|
|
|
}); |
|
|
|
// });
|
|
|
|
map.addLayer({ |
|
|
|
// map.addLayer({
|
|
|
|
id: 'sky', |
|
|
|
// id: 'sky',
|
|
|
|
type: 'sky', |
|
|
|
// type: 'sky',
|
|
|
|
paint: { |
|
|
|
// paint: {
|
|
|
|
'sky-type': 'atmosphere', |
|
|
|
// 'sky-type': 'atmosphere',
|
|
|
|
'sky-atmosphere-sun': [0.0, 90.0], |
|
|
|
// 'sky-atmosphere-sun': [0.0, 90.0],
|
|
|
|
'sky-atmosphere-sun-intensity': 15 |
|
|
|
// 'sky-atmosphere-sun-intensity': 15
|
|
|
|
} |
|
|
|
// }
|
|
|
|
}); |
|
|
|
// });
|
|
|
|
// 지형 3d end
|
|
|
|
// 지형 3d end
|
|
|
|
// 등고선 start
|
|
|
|
// 등고선 start
|
|
|
|
map.addLayer({ |
|
|
|
map.addLayer({ |
|
|
|