• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

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

DEMO
SOURCE

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.