Hi,
I created a test RadMap and I'm getting some odd results. Here is the code:
<telerik:RadMap RenderMode="Lightweight" runat="server" ID="RadMap1" Zoom="6" Width="600" Height="500" >
<CenterSettings Latitude="51.525619" Longitude="-0.111802" />
<LayersCollection>
<telerik:MapLayer Type="Tile" Subdomains="a,b,c"
UrlTemplate="https://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"
Attribution="© <a href='http://osm.org/copyright' title='OpenStreetMap contributors' target='_blank'>OpenStreetMap contributors</a>.">
</telerik:MapLayer>
</LayersCollection>
<MarkersCollection>
<telerik:MapMarker Shape="pinTarget" Title="London, UK">
<LocationSettings Latitude="51.525619" Longitude="-0.111802"/>
</telerik:MapMarker>
<telerik:MapMarker Shape="pin" Title="Test">
<LocationSettings Latitude="53.525619" Longitude="-1.111802"/>
</telerik:MapMarker>
</MarkersCollection>
</telerik:RadMap>
So the pin target and pin show the same icon, the icon is clipped, and when you zoom out the marker is in the completely wrong location. I'm not sure where to go from here. I haven't modified any css or applied any custom styles to the icons. Any help would be appreciated.
Thanks!
If upgrading is not possible at the moment, you can try applying the workaround provided in the following feedback item which contains almost all of the fixed styles:
https://feedback.telerik.com/aspnet-ajax/1519641-font-size-family-and-line-height-changed-for-classic-render-mode-in-r2-2021