• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

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.