Map
The map component displays geographical data, useful for applications involving location-based services. It can show interactive maps with features like zooming, panning, markers, and regions. Maps are used in scenarios like route planning, location tracking, or geographic data visualization. They often integrate with external mapping services and can be customized with overlays, styles, and interactive behaviors.
Examples
Various examples showcasing different configurations of the component
Property
Value
Markers
[{"lat":28.7041,"long":77.1025},{"lat":24.7041,"long":77.1025},{"lat":20.7041,"long":77.1025}]
Properties
Each component can be customized and configured based on product requirements. You can modify the component on Canonic by clicking on the component and opening the configuration panel.
Configuration Properties
Property
Description
Default Value
Type
Markers
Array of marker objects with lat and long keys.
[{"lat":28.7041,"long":77.1025}]
Array
Map Configuration Properties
Property
Description
Default Value
Type
Interactive
Whether the map is interactive.
false
Bool
Marker Configuration Properties
Property
Description
Default Value
Type
Marker color
Color of the markers.
Color
Flex configuration
Flex
Did you find what you were looking for?
👍
👎
What went wrong?
Need more help?We have a thriving Discordcommunity that can help you with all things Canonic. →