# Enhancing Cumulocity IoT Capabilities: Map-Based Widgets

**URL:** <https://community.cumulocity.com/t/enhancing-cumulocity-iot-capabilities-map-based-widgets/7507>\
**Category:** Knowledge Base\
**Tags:** cumulocity\
**Created:** [July 27, 2023, 6:00am UTC](https://community.cumulocity.com/t/enhancing-cumulocity-iot-capabilities-map-based-widgets/7507 "2023-07-27T06:00:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Community-admin](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/community-admin/32/23712_2.png) [@Community-admin](https://community.cumulocity.com/u/Community-admin)\
**Post date:** [July 27, 2023, 6:00am UTC](https://community.cumulocity.com/t/enhancing-cumulocity-iot-capabilities-map-based-widgets/7507/1 "2023-07-27T06:00:55Z")

</div>

In the world of IoT, geospatial data plays a crucial role in providing context to the data generated by devices. Whether it’s tracking the location of a fleet of vehicles or monitoring the status of remote assets, map-based widgets can provide an intuitive visual way to understand and interact with this data. In this article, we will explore three map-based widgets for Cumulocity IoT.

## Layered Map Widget Plugin

**Author:** @Hendrik_Naether1

The [Layered Map Widget Plugin](https://github.com/Cumulocity-IoT/cumulocity-layered-map-widget-plugin) is a Cumulocity module federation plugin that allows you to display a map with position markers for devices with c8y\_Position fragments. This widget can be used in the Application Builder or Cockpit of the Cumulocity IoT platform.

> **[GitHub - Cumulocity-IoT/cumulocity-layered-map-widget-plugin: Plugin containing the advanced map widget....](https://github.com/Cumulocity-IoT/cumulocity-layered-map-widget-plugin)**
>
> Plugin containing the advanced map widget. Displays a map with position markers for selected devices. Support for configuration of additional layers and custom markers.

The Layered Map Widget Plugin supports the creation of multiple layers using different queries. These layers can be based on fragment and value layers, inventory query layers, alarm query layers, and event query layers. The widget is designed to scale well with a higher count of devices, with position updates and changes regarding the layers polled using bulk requests.

Markers can be configured to show different icons, and if alarms exist, different colors will be shown depending on the highest alarm severity. Alarm details can be found in the popover of the device, which is built to be easily extended or replaced in code.

 ![Layer selection](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/9/e/9e8e27ac7f9f8adb51bb8e5a8d0de6ed92ff5ac4.jpeg)  
 ![Layer alarm](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/1/c/1cb3a14386eda2e6e6c940cfeb7fc7155168bcbc.jpeg)

## Route Tracker Plugin

**Author:** @Ravi_Shankar_Kumar

The [Route Tracker Plugin](https://github.com/Cumulocity-IoT/cumulocity-route-tracker-plugin) is a Cumulocity module federation plugin that provides functionality for tracking routes and geofences. This widget can be used in the Application Builder or Cockpit of the Cumulocity IoT platform.

> **[GitHub - Cumulocity-IoT/cumulocity-route-tracker-plugin: The Route Track widget help you to display route,...](https://github.com/Cumulocity-IoT/cumulocity-route-tracker-plugin)**
>
> The Route Track widget help you to display route, geofence along with realtime device status and also one can enable the smart rule which gets trigged when smart rule violation happens.

The Route Tracker Plugin allows users to display routes, geofences, and real-time device status. It also supports the creation of smart rules that can be triggered when a smart rule violation occurs.

 ![Route Tracker](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/9/3/9359f403528cfbaedb9c56b2f9e94b7e89d8ba95.jpeg)

## Smart Map Settings Widget Plugin

**Author:** @Darpankumar_Lalani

The [Smart Map Settings Widget Plugin](https://github.com/Cumulocity-IoT/cumulocity-smart-map-settings-widget-plugin) is a micro frontend plugin that can be deployed in the Application Builder or Cockpit as a Cumulocity widget. This widget allows you to mark and create a “Geography” at a specified location.

> **[GitHub - Cumulocity-IoT/cumulocity-smart-map-settings-widget-plugin: This is configuration widget for Smart Map Widget....](https://github.com/Cumulocity-IoT/cumulocity-smart-map-settings-widget-plugin)**
>
> This is configuration widget for Smart Map Widget. Created by Global Presales.

After a Geography is created, it allows the creation of floors, geofences, and device positioning. This widget is used as a configuration tool for the Smart Map widget, providing a flexible and intuitive interface for setting up and managing geospatial data.

You can add a Geography by drawing its location and entering the details, edit the geography details and its location, and delete the geography. You can also add, edit, delete, and revert the floor plan of the geography after its addition. The floor plan image can be previewed, rotated, and positioned using a smart rotation point. Devices can be marked on the map at the floor level.

 ![Smart Map Settings](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/c/a/ca0eaff6ce57cce8791a6920614561f63107c234.jpeg)

## Additional information

To support the community, we share our custom implementations across all product sets. We publish new widgets and plugins that you can freely incorporate into your IoT projects. These can be found on the [Open-Source page](https://open-source.softwareag.com/) of Software AG.

Each widget is provided as-is and without warranty or support. They do not constitute part of the Software AG product suite. Users are free to use, fork, and modify them, subject to the license agreement. While Software AG welcomes contributions, it cannot guarantee to include every contribution in the master project.

## Relevant Articles

- [The power of micro frontends – How to dynamically extend Cumulocity IoT Frontends](https://community.cumulocity.com/t/the-power-of-micro-frontends-how-to-dynamically-extend-cumulocity-iot-frontends/2577)
- [Advanced Cumulocity IoT Microservice Monitoring - Part 1](https://community.cumulocity.com/t/advanced-cumulocity-iot-microservice-monitoring-part-1/7825)
- [Open Source | Software AG](https://open-source.softwareag.com/)
