Skip to main content
Basic Map

Examples

Basic Map

Basic Map

Map with Title

Map with Title

Custom Height

Custom Height

Custom Zoom Level

Custom Zoom Level

Map with Choropleth Layer

Map with Choropleth Layer

Map with Point Layer

Map with Point Layer

Map with Heatmap Layer

Attributes

string
Title to display above the map
string
Subtitle to display below the title
string
Information tooltip text (can only be used with title)
URL to link the info text to (can only be used with info)
Create a custom link title for the info link, placed after the info text (can only be used with info_link)
number
default:"300"
Height of the map in pixels
array
Initial map center position as [latitude, longitude]. Overrides auto-zoom to data bounds
number
Zoom level (0-22, where higher is more zoomed in). When provided without initial_position, centers on data at this zoom level. When provided with initial_position, uses this zoom at that position
boolean
default:"true"
Allow users to zoom in/out on the map
boolean
default:"true"
Allow users to pan/drag the map
string
default:"mono"
Base map style: “mono” for theme-aware monochrome basemap, “blank” for solid background onlyAllowed values:
  • mono
  • blank
string
default:"flat"
Map projection: “globe” for 3D globe view, “flat” for 2D flat mapAllowed values:
  • globe
  • flat
boolean
default:"true"
Show legends for map layers
string
default:"bottom_right"
Location of the legend within the mapAllowed values:
  • top_left
  • top_right
  • bottom_left
  • bottom_right
number
Set the width of this component (in percent) relative to the page width

Allowed Children