In Development
Last Updated: 21 Feb 2024 09:07 by ADMIN
Created by: Ben
Comments: 0
Category: Map
Type: Bug Report

If I set a global font icon type, the Map icons are broken, because they are missing the k-font-icon CSS class. A possible workaround is to apply the missing styles to the rendered k-icon class:

In the meantime, one can use SVG icons or the following CSS rule as a workaround:

    .k-map .k-icon {
        width: 1em;
        height: 1em;
        outline: 0;
        font-size: 16px;
        font-family: "WebComponentsIcons";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        text-decoration: none;
        flex-shrink: 0;
        display: inline-flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        position: relative;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
Last Updated: 05 Sep 2023 07:19 by Plamen
The amount of clicks on the + button and the amount of mouse wheel scrolls is different if you refresh the Map component. 
Last Updated: 06 Dec 2022 09:18 by ADMIN


i am came into scenario, where user wants multiple "colored" bubbles, the only option in current version is:
- use multiple bubble layers

But only ONE of the layer(the last one?) is firing the OnShapeClick event.

Clicking on any "bubble"/shape should always fire the event OnShapeClick()

Is there any workaround, or idea how to force event to fire?

Dynamic loading of multiple colored layers/bubbles, but same problem is when you "statically" put 2 or more layers on map:

<TelerikMap Center="@Center"
			MinZoom="3" Height="80vh"
			Zoomable="true" Pannable="true" 
			OnMarkerClick="@( (args) =>  OZRowCmd((CrmMapOrgModel)args.DataItem,15))"
			OnShapeClick="@( (args) =>  OZRowCmd((CrmMapOrgModel)args.DataItem,15))"

			<MapLayer Type="@MapLayersType.Tile"

			@if (MarkerList != null) foreach (var it in MarkerList)
					@if (it.MarkerType == (int)MapLayersType.Marker)
						<MapLayer Type="@MapLayersType.Marker"
					@if (it.MarkerType == (int)MapLayersType.Bubble && MarkerData1.Any(x => x.MarkerType == it.MarkerType & x.StavTr == it.StavTr))
						<MapLayer Type="@MapLayersType.Bubble"
				  Data="@MarkerData1.Where(x=>x.MarkerType==it.MarkerType & x.StavTr==it.StavTr)"
				  ValueField="@nameof(CrmMapOrgModel.MarkerValue)" MinSize=@it.MinMarkerValue MaxSize=@it.MaxMarkerValue
								<MapLayerBubbleSettingsStyle >

									<MapLayerBubbleSettingsStyleFill Color="@it.MarkerColor"></MapLayerBubbleSettingsStyleFill>
									<MapLayerBubbleSettingsStyleStroke Color="@it.MarkerStrokeColor"></MapLayerBubbleSettingsStyleStroke>