body {
margin: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
}
/*
* https://deck.gl/docs/api-reference/core/map-view
*/
const {DeckGL, MapView, ScatterplotLayer} = deck;
new DeckGL({
views: new MapView({
repeat: true,
// nearZMultiplier: 0.1,
// farZMultiplier: 1.01,
// orthographic: false,
}),
initialViewState: {
longitude: 0,
latitude: 10,
zoom: 1,
pitch: 0,
bearing: 0,
minZoom: 0,
maxZoom: 20,
minPitch: 0,
maxPitch: 60
},
controller: true,
mapStyle: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',
layers: [
new ScatterplotLayer({
data: 'https://raw.githubusercontent.com/visgl/deck.gl-data/master/website/airports.json',
getPosition: d => d.coordinates,
getRadius: 100,
getColor: [155, 40, 0],
radiusMinPixels: 2
})
]
});
This Pen doesn't use any external CSS resources.