Example of undefined in React Maps Component


This sample illustrates the world's top 10 most populated cities by displaying markers in their locations and legend with the city names.

More Details...


In this example, you can see how to display markers and a legend on the OpenStreetMap. To enable the legend, set the visible property in legendSettings to true, and then use properties like title, position, type, height, width, and so on to customize the legend.

Injecting Module

The maps component features are segregated into individual modules by feature. To use markers and a legend, we need to inject the Marker and Legend module into services.