Available in the Full Version

Map > Marker Template

This sample is designed for a larger screen size.


On mobile, try rotating your screen, view full size, or email to another device.

This sample demonstrates how to create a custom marker template in the igMap control. The marker template is implemented in JavaScript by assigning a function to the corresponding geographic series which is called whenever a marker needs to be rendered on screen. The marker rendering function uses the HTML5 canvas API to draw marker contents. The sample shows all Infragistics offices around the world which are marked by custom marker colored based on type of the office in addition to the name of each office presented next to the marker.

Code View

Copy to Clipboard