@carto/react-basemaps/src/basemaps/basemaps.js

CARTO for React - Basemaps

/** @constant
    @type {string}
    @default
*/
export const POSITRON = 'positron';
/** @constant
    @type {string}
    @default
*/
export const VOYAGER = 'voyager';
/** @constant
    @type {string}
    @default
*/
/** @constant
    @type {string}
    @default
*/
export const DARK_MATTER = 'dark-matter';
/** @constant
    @type {string}
    @default
*/
export const GOOGLE_ROADMAP = 'roadmap';
/** @constant
    @type {string}
    @default
*/
export const GOOGLE_SATELLITE = 'satellite';
/** @constant
    @type {string}
    @default
*/
export const GOOGLE_HYBRID = 'hybrid';
/** @constant
    @type {string}
    @default
*/
export const GOOGLE_CUSTOM = 'custom';

export const BASEMAPS = {
  [POSITRON]: {
    type: 'mapbox',
    options: {
      mapStyle: `https://basemaps.cartocdn.com/gl/${POSITRON}-gl-style/style.json`
    }
  },
  [VOYAGER]: {
    type: 'mapbox',
    options: {
      mapStyle: `https://basemaps.cartocdn.com/gl/${VOYAGER}-gl-style/style.json`
    }
  },
  [DARK_MATTER]: {
    type: 'mapbox',
    options: {
      mapStyle: `https://basemaps.cartocdn.com/gl/${DARK_MATTER}-gl-style/style.json`
    }
  },
  [GOOGLE_ROADMAP]: {
    type: 'gmaps',
    options: {
      mapTypeId: 'roadmap'
    }
  },
  [GOOGLE_SATELLITE]: {
    type: 'gmaps',
    options: {
      mapTypeId: GOOGLE_SATELLITE
    }
  },
  [GOOGLE_HYBRID]: {
    type: 'gmaps',
    options: {
      mapTypeId: 'hybrid'
    }
  },
  [GOOGLE_CUSTOM]: {
    type: 'gmaps',
    options: {
      // mapId prop must be passed to component directly
    }
  }
};