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
  • Tooltips
  • Brushing
  • Display Coordinates

Was this helpful?

  1. Docs
  2. User guides

Interactions

PreviousMap StylesNextMap Settings

Last updated 5 years ago

Was this helpful?

You can toggle customization options on your map, including tooltips, brush highlighting, map imagery (water, parks, etc.), and more.

Interaction menu

To toggle customization options on your map:

  1. Open the Interactions menu by clicking the Interactions icon:

  2. Click the switch next to the options you wish to activate/deactivate.

There are three types of interactions to choose from: Tooltip, Brushing and Coordinate. Note that only one of tooltip and brushing can be on at a time.

Tooltips

tooltip displays metrics when hovering over a data point. You can choose which fields are displayed from the tooltip config menu.

  • Image Image can be added to tooltip. If field name contains <img> and the field content contains http url

    id

    <img>-tooltip

    1

    http://my-image.com/my-image-0.png

    2

    http://my-image.com/my-image-1.png

  • Web link

    Tooltip can be a clicable weblink. To add a web link as tooltip, add url starts with http:// to the field content.

Tip: click a point to pin the tooltip info to the map. To unpin the tooltip, press the blue pin icon.

Brushing

  • Brush: Brush allows you to highlight areas with the cursor. When brush is turned on, all layers darken. Only the portion you hover over with the cursor is illuminated. Brush works well with arc layers in particular.

Display Coordinates

When then on coordinate, a panel contains latitude and longitude will follow your mouse

tooltips
tooltips
pin/unpin tooltip
brush

coordinate

Back to table of contents
Back to table of contents
Tooltips
Brushing
Display Coordinates