New to Telerik UI for BlazorStart a free 30-day trial

Map Layers

The information that the Map renders is organized into layers. These layers are stacked from bottom to top in the order of definition and are oblivious to each other.

Supported Layer Types

The layers in the Map are:

MapLayer Parameters

The following parameters enable you to customize the appearance of the Blazor Map Layers:

ParameterTypeDescription
AttributionstringThe attribution for the layer.
DataobjectThe data for the layer.
Extentdouble[]Specifies the extent of the region covered by this layer. The layer will be hidden when the specified area is out of view. Accepts a four-element array that specifies the extent covered by this layer: North-West latitude, longitude, South-East latitude, longitude.
LocationFieldstringThe data item field which contains the marker (symbol) location. The field should be an array with two numbers - latitude and longitude in decimal degrees.
MaxSizedoubleThe maximum symbol size for bubble layer symbols.
MaxZoomdoubleThe maximum zoom level at which to show this layer.
MinSizedoubleThe minimum symbol size for bubble layer symbols.
MinZoomdoubleThe minimum zoom level at which to show this layer.
OpacitydoubleThe opacity for the layer.
ShapeMapMarkersShape enumThe marker shape for marker layers.
Subdomainsstring[]A list of subdomains to use for loading tiles. Using multiple subdomains allows more requests to be executed in parallel. Also see UrlTemplate.
SymbolMapLayersSymbol enumThe default symbol for bubble layers.
TileSizedoubleThe size of the image tile in pixels.
TitleFieldstringThe data item field which contains the marker title.
TypeMapLayersType enumThe type of the layer.
UrlTemplatestringThe URL template for tile layers. The available variables are:
ValueFieldstringThe value field for bubble layer symbols. The data item field should be a number.
ZIndexdoubleThe zIndex for this layer. Layers are normally stacked in declaration order (last one is on top).

MapLayersMarkerSettings parameters

The following parameters enable you to customize the appearance of the Blazor Map Marker Layers:

ParameterTypeDescription
TemplateRenderFragmentSpecifies the tooltip template.
TooltipobjectThe configuration of the marker tooltip.

MapLayersBubbleSettingsStyleFill parameters

The following parameters enable you to customize the appearance of the Blazor Map Bubble Layers:

ParameterTypeDescription
ColorstringThe default fill color for layer bubbles. Accepts a valid CSS color string, including hex and rgb.
OpacitydoubleThe default fill opacity (0 to 1) for layer bubbles.

MapLayersBubbleSettingsStyleStroke parameters

The following parameters enable you to customize the appearance of the Blazor Map Bubble Layers:

ParameterTypeDescription
ColorstringThe default stroke color for layer bubbles. Accepts a valid CSS color string, including hex and rgb.
DashTypeDashType (enum)The default dash type for layer bubbles.
OpacitydoubleThe default stroke opacity (0 to 1) for layer bubbles.
WidthdoubleThe default stroke width for layer bubbles.

MapLayersShapeSettingsStyleFill parameters

The following parameters enable you to customize the appearance of the Blazor Map Shape Layers:

ParameterTypeDescription
ColorstringThe default fill color for layer shapes. Accepts a valid CSS color string, including hex and rgb.
OpacitydoubleThe fill opacity of the shape.

MapLayersShapeSettingsStyleStroke parameters

The following parameters enable you to customize the appearance of the Blazor Map Shape Layers:

ParameterTypeDescription
ColorstringThe stroke color of the shape.
DashTypedoubleThe default dash type for layer shapes. The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line.
OpacitydoubleThe default stroke opacity (0 to 1) for layer shapes.
WidthdoubleThe default stroke width for layer shapes.