Example of Marker template in Angular Maps Component

undefined
Marker weather clear image

Perth:31.6°C

Marker weather cloud image

Adelaide:28.5°C

Marker weather clear image

Townsville:31.3°C

Marker weather rain image

Sydney:26.4°C

Marker weather clear image

Alice Springs:36.4°C

Marker weather cloud image

Brisbane:29.1°C

Australia cities weather detail

This sample indicates the temperature of various cities of Australia in marker templates.

In this example, you can see how to place a template as a marker in the map. Any custom HTML elements can be used as a marker. You can use the palette property in the shapeSettings to apply desired fill colors for the shapes.


Injecting Module

Maps component features are segregated into individual feature-wise modules. To use a marker template, inject the Marker module using the Maps.Inject(Marker) method.

More information on the markers can be found in this documentation section.