LogoLogo
  • Welcome
  • What's new?
  • Docs
    • User guides
      • Get Started
      • Kepler.gl workflow
        • Add data to layers
          • Adding Data Layers
          • Create a Layer
          • Blend and Rearrange Layers
          • Hide, Edit and Delete Layers
        • Add Data to the Map
      • Layers
        • Point
        • S2 Layer
        • Icon
        • Line
        • Cluster
        • Polygon
        • Hexbin
        • Grid
        • H3
        • Heatmap
        • Arc
        • Trip layer
      • Layer Attributes
      • Color Palettes
      • Filters
      • Map Styles
      • Interactions
      • Map Settings
      • Time Playback
      • Save and Export
      • FAQ
    • API Reference
      • ecosystem
      • Get Started
      • Advanced usages
        • Saving and Loading Maps with Schema Manager
        • Replace UI Component with Component Dependency Injection
        • Forward Dispatch Actions
        • Reducer Plugin
        • Using Updaters
        • Custom reducer initial state
        • custom-mapbox-host
      • Components
      • Reducers
        • reducers
        • map-style
        • map-state
        • combine
        • overview
        • ui-state
        • vis-state
      • Processors
        • All processors
      • Schemas
      • Actions
        • All actions
      • Cloud providers
        • Provider
      • Custom theme
      • Localization
    • Jupyter Notebook
  • Examples
    • Node/Express
    • Demo App
    • Open modal
    • Open modal
    • UMD client
    • Customize kepler.gl Theme
    • Customize kepler.gl Reducer
  • Contributing
    • Developing Kepler.gl
    • Contributor Covenant Code of Conduct
  • Change Log
  • Upgrade Guide
Powered by GitBook
On this page
  • Base Map Styles
  • Toggle Map Layers
  • Map Layers
  • Layer Order
  • Custom Map Styles

Was this helpful?

  1. Docs
  2. User guides

Map Styles

PreviousFiltersNextInteractions

Last updated 5 years ago

Was this helpful?

Map panel

Base Map Styles

Open the Base Map panel to select from a list of default map styles.

Open the base map style drop down menu to change map color scheme and imagery. Options include:

  • Dark: dark base map with light-colored text.

  • Light: light base map with dark-colored text.

Toggle Map Layers

Map Layers

Hide and show water, buildings, roads, and more. Options include:

  • Labels: shows labels for cities, neighborhoods, and so on.

  • Roads: displays a translucent layer of road lines.

  • Borders: shows state and continent borders.

  • Buildings: shows building footprints.

  • Water: displays bodies of water.

  • Land: Shows parks, mountains, and other landscape features.

  • 3d Building: Shows 3D buildings on the map. 3D buildings are only visible in the 3D map view. Resolution automatically updates based on current map zoom level. Use the input below to edit 3D bulding color.

Layer Order

To control the order in which map imagery layers are displayed, toggle the move to top icon:

TIP: Move labels to the top on maps with colored layers to keep the labels from being concealed.

Custom Map Styles

kepler.gl provide a set of basemap styles as background map, including 3D buildings! You can also add your own custom map sytle using the Mapbox style link.

base map panel
map layers
3d buldings

.

examples of ordered layers
Add Custom Mapbox Styles button

To add a custom base map style, click the add map style button to open the custom map style modal, paste in the mapbox . Note that you need to paste in your if your style is not .

Add Custom Mapbox Styles popup

Mapbox
style Url
mapbox access token
published
Back to table of contents
Base Map Styles
Toggle Map Layers
Map Layers
Layer Order
Custom Map Styles
move to top icon