Example of Cyber Attack Map in React Maps Component

This sample depicts a cyber attack map, which displays the cyber attacks and threats from various countries to USA, using navigation lines and marker.

In this example, you can see how to dynamically display a navigation line with linear animation. Marker templates are added to denote the source and destination locations. Any custom HTML element can be used as a marker.

Injecting Module

The maps component features are segregated into individual modules by feature. To use marker template, inject the Marker module using the Maps.Inject(Marker) method, and use the navigation lines by injecting the NavigationLine module.