Example of OpenStreetMap in React Maps Component

/
/
OSMMaps

This sample visualizes the location of United Nations Headquarters in the OpenStreetMap with marker.Tooltip is displayed for marker.

More Details...

Loading....
Description

In this example, you can see how to render the OpenStreetMap. Denoted the location of United Nations Headquarters using marker. EJ2 Dialog is displayed on the top of the marker. Also enabled zooming feature to zoom and pan the map for detailed analysis.


Injecting Module

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