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
    })
  ]
});
  

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js
  2. https://unpkg.com/deck.gl@latest/dist.min.js