Web Components Displaying Imagery from Open Street Maps

    The Web Components IgcOpenStreetMapImagery is a free geographic imagery mapping service created collaboratively by OpenStreetMap© contributors from around the world. It provides geographic imagery tiles of the world only in road map style without any configuration options. This geographic imagery service can be accessed directly on www.OpenStreetMap.org web site. By the default, the Ignite UI for Web Components map component already displays geographic imagery from the Open Street Maps. Therefore, there is no need to configure the control to display geographic imagery from the Open Street Maps.

    Web Components Displaying Imagery from Open Street Maps Example

    Code Snippet

    This code example explicitly sets BackgroundContent of the map component to the IgcOpenStreetMapImagery object which provides geographic imagery from OpenStreetMap© contributors.

    <igc-geographic-map id="geoMap" width="100%" height="100%">

</igc-geographic-map>

    import { IgcGeographicMapComponent } from 'igniteui-webcomponents-maps';
import { IgcOpenStreetMapImagery } from 'igniteui-webcomponents-maps';
// ...

let geoMap = document.getElementById("geoMap") as IgcGeographicMapComponent

const mapImagery = new OpenStreetMapImagery();
this.geoMap.backgroundContent = mapImagery;

    API References