Map Providers
8 Jun 20232 minutes to read
Map control support map providers such as OpenStreetMap that can be added to any layers in maps.
Open Street Map
OpenStreetMap is a map of the entire world. The OpenStreetMap allows you to view, edit and use geographical data in a collaborative way from any place on the Earth.
Enable OSM
You can enable this feature by setting the layerType
property value as “OSM”.
/// <reference path="../tsfiles/jquery.d.ts"></reference>
/// <reference path="../tsfiles/ej.web.all.d.ts"></reference>
module MapComponenet {
$(function () {
var mapSample = new ej.datavisualization.Map($("#map"), {
layers: [{
layerType: 'osm',
urlTemplate:'http://a.tile.openstreetmap.org/level/tileX/tileY.png'
}]
});
});
}
URL Template
The urlTemplate
property determines the format of tile map. You can specify the template for the tile layer.
Bing Map
Bing Map is a key feature in accessing the external geospatial imagery services for deep-zoom satellite view.
Enable Bing Maps
You can enable this feature by defining the layerType
as “bing”.
var mapSample = new ej.datavisualization.Map($("#map"), {
layers: [{
layerType: ‘bing’,
bingMapType:"AerialWithLabel",
key:'// …bingMapKey'
}]
});
Key
The bing Map key is provided as input to this key
property. The Bing Map key can be obtained from http://www.microsoft.com/maps/create-a-bing-maps-key.aspx.