This example show how to add a custom icon to the map.

Marker sizes are expressed as a Size of X,Y where the origin of the image (0,0) is located in the top left of the image.
Origins, anchor positions and coordinates of the marker increase in the X direction to the right and in the Y direction down.

    <%
     // This marker is 20 pixels wide by 32 pixels tall.
     var size = new Size(20, 32);
     // The origin for this image is 0,0.
     var origin = new Point(0, 0);
     // The anchor for this image is the base of the flagpole at 0,32.
     var anchor = new Point(0, 32);

     // The shadow image is larger in the horizontal dimension
     // while the position and offset are the same as for the main image.
     var shadowSize = new Size(37, 32);
     var shadowOrigin = new Point(0, 0);
     var shadowAnchor = new Point(0, 32);

        Html.Telerik().Googlemap()
            .Name("map")
            .Markers( marker =>
            {
                marker.Add()
                    .Latitude(23d)
                    .Longitude(-82.3d)
                    .Title("Hola Mundo!")
                    .Icon("/Images/beachflag.png", size , origin, anchor)
                    .Shadow("/Images/beachflag_shadow.png", shadowSize, shadowOrigin, shadowAnchor)
                    .Draggable(true);
            })
            .Render();
    %>