• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
Essential JS 2
All Controls

Example for Cyber Attack Map in ASP.NET Core Maps Control

This sample depicts a cyberattack map, which displays the cyberattacks and threats from various countries to the USA.


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.