Example of OpenStreetMap in Javascript Maps Control


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

More Details...


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. More information on osm with sublayer can be found in this documentation section.