The arrow buttons in the Map's navigator and the zoom buttons render without type="button" attribute.
Inspect the navigator and zoom buttons in this demo: https://demos.telerik.com/blazor-ui/map/overview
The buttons render without the type attribute.
The buttons render with type="button" attribute.
All
No response
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.
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.
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;
}
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.