Planned
Last Updated: 20 Jun 2025 07:52 by ADMIN
Scheduled for 2025 Q3 (Aug)
Created by: Richard
Comments: 0
Category: Map
Type: Bug Report
0

Description

The arrow buttons in the Map's navigator and the zoom buttons render without type="button" attribute.

Steps To Reproduce

Inspect the navigator and zoom buttons in this demo: https://demos.telerik.com/blazor-ui/map/overview

Actual Behavior

The buttons render without the type attribute.

Expected Behavior

The buttons render with type="button" attribute.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

No response

Unplanned
Last Updated: 03 Apr 2025 12:47 by ADMIN

Hello,

I have a Dialog that contains a Coordinates textbox which when focused shows a Popup with a Map.

The Map does not show the tiles until I manually zoom or pan.

 

Unplanned
Last Updated: 10 Feb 2025 12:00 by Hatef

Using a custom SVG icon in a Marker template causes the Map component to break and throw an exception (Failed to execute 'appendChild' on 'Node': Unexpected end of input) in WASM application.

In the meantime, the alternative approach to achieve custom map markers is to use Font Icons. An example of the approach can be found in this REPL link.

Completed
Last Updated: 05 Aug 2024 13:31 by ADMIN
Release 6.1.0
The amount of clicks on the + button and the amount of mouse wheel scrolls is different if you refresh the Map component. 
Completed
Last Updated: 30 Apr 2024 12:19 by ADMIN
Release 2024 Q2 (May)
Created by: Ben
Comments: 0
Category: Map
Type: Bug Report
2

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;
    }
Unplanned
Last Updated: 06 Dec 2022 09:18 by ADMIN

Hello,

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.

Expected:
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" 
			Zoom="7" 
			OnMarkerClick="@( (args) =>  OZRowCmd((CrmMapOrgModel)args.DataItem,15))"
			OnShapeClick="@( (args) =>  OZRowCmd((CrmMapOrgModel)args.DataItem,15))"
	>
		<MapLayers>

			<MapLayer Type="@MapLayersType.Tile"
				  Attribution="@Attribution"
				  Subdomains="@Subdomains"
				  UrlTemplate="@UrlTemplate">
			</MapLayer>

			@if (MarkerList != null) foreach (var it in MarkerList)
				{
				
					@if (it.MarkerType == (int)MapLayersType.Marker)
					{
						<MapLayer Type="@MapLayersType.Marker"
				  Data="@MarkerData1.Where(x=>x.MarkerType==it.MarkerType)"
				  LocationField="@nameof(CrmMapOrgModel.LatLng)"
				  TitleField="@nameof(CrmMapOrgModel.CisloOrgNazev)"
				  />
				
					}
					@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)"
				  LocationField="@nameof(CrmMapOrgModel.LatLng)"
				  
				  ValueField="@nameof(CrmMapOrgModel.MarkerValue)" MinSize=@it.MinMarkerValue MaxSize=@it.MaxMarkerValue
				  >
							<MapLayerBubbleSettings>
								<MapLayerBubbleSettingsStyle >

									<MapLayerBubbleSettingsStyleFill Color="@it.MarkerColor"></MapLayerBubbleSettingsStyleFill>
									<MapLayerBubbleSettingsStyleStroke Color="@it.MarkerStrokeColor"></MapLayerBubbleSettingsStyleStroke>
								</MapLayerBubbleSettingsStyle>
							</MapLayerBubbleSettings>
						</MapLayer>
					}
				}

		</MapLayers>
	</TelerikMap>

===

ADMIN EDIT

===

The bug report applies to both Bubble layer and Shape layer.