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


This sample visualizes the location of United Nations Headquarters in the OpenStreetMap with marker.

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

Injecting Module

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