Map
The Map Component in Akuko enables you to visualize geographic data in an interactive and engaging way within your data stories. Whether you want to display regional trends, analyze spatial patterns, or present location-based insights, the Map Component empowers you to create informative and visually appealing maps.
Key Features
Geographic Data Visualization
The Map Component allows you to visualize geographic data by plotting points, shapes, or heatmaps on a map canvas. You can use this feature to display locations, regions, or any other geospatial information relevant to your data.
Customizable Markers and Styles
You have full control over the appearance of markers on the map. Customize markers' size, color, icon, and labeling to convey the information effectively. Tailor the map's style to match your data story's aesthetics.
Data Binding and Filtering
The Map Component supports data binding from various sources. You can connect it to datasets containing geographic coordinates, addresses, or place names. Additionally, you can apply data filters to show specific subsets of data on the map dynamically.
Interactivity
Make your maps interactive by enabling features such as click events and info pop-ups. Users can click on map elements to access additional information or trigger actions relevant to your data story.
Properties
name
string
The name of the map.
height
number
Height of the map in pixels.
width
string
The width of the map.
layers
array
An array of Layers.
defaultPitch
number
The default pitch of the map in degrees.
defaultBearing
number
The default bearing in degrees.
defaultLatitude
number
The default latitude of the map
defaultLongitude
number
The default longitude of the map
defaultZoom
number
The default zoom level of the map
enableScrollZoom
boolean
Allow or disable scroll zooming on map
styleColor
string
The background color of the style.
styleOption
string
The style name of the map (satellite, terrain, dark, etc.)
caption
string
The map caption.
title
string
The map title.
Examples
Explore examples of the Map Component in action: