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(); %>