Configuration markers

Specifies a data source for the map markers.

Type: Array|String
Default Value: undefined

Data you need to provide for map markers depends on the type of the markers you use. Generally, you need to declare an array of objects, each of which must hold the coordinates field specifying geographical coordinates of a marker. Additionally, you need to specify the value field (for bubble markers), or the values field (for pie markers), or the url field (for image markers).

For a more comprehensive description of how to provide data for map markers, see the Data for Markers topic.

Show Example:

In this example, several markers are displayed on the map. These markers indicate the capitals of ten most populous states in the USA.

<div id="mapContainer" style="height:500px; max-width:800px; margin: 0 auto"></div>
var markers = [
        coordinates: [-121.2808, 38.3320],
        text: 'Sacramento'
    }, {
        coordinates: [-97.75, 30.25],
        text: 'Austin'
    }, {
        coordinates: [-73.7572, 42.6525],
        text: 'Albany'

$(function () {
        mapData: '/Content/data/vectorMap-sources/usa.txt',
        bounds: [-135, 60, -65, 20],
        zoomFactor: 1.25,
        areaSettings: {
            hoverEnabled: false
        markerSettings: {
            font: { size: 11 }
        markers: markers


Specifies an object with marker attributes.

Type: Object
Default Value: undefined

The object assigned to this option may contain information you find useful. Fields of this object are accessible from code using the attribute(name) method of a map marker.


Specifies the location of a map marker in geographical coordinates.

Type: Array
Default Value: undefined

This option accepts an array of two values: the first is the longitude, the second is the latitude of a map marker. You can obtain the coordinates of a map marker from code using the coordinates() method.

NOTE: The coordinates option is mandatory for each object in a marker data source.


Specifies descriptive text to accompany a map marker.

Type: String
Default Value: undefined


Specifies a URL for a map marker of the image type.

Type: String
Default Value: undefined

If you need to display map markers as images, set the markerSettings | type option to 'image'. After that, specify a URL to the required image for each marker using the url field of the marker data object.


Specifies a value for a map marker of the bubble type.

Type: Number
Default Value: undefined

When you use markers of the bubble type on your map, specify the value option for each marker. This option defines the size of the bubble that represents a marker: the greater the value, the bigger the size. Additionally, you can specify the sizes of the bubbles with minimum and maximum values. For this purpose, use the minSize and maxSize options of the markerSettings configuration object.


Specifies values for a map marker of the pie type.

Type: Array
Default Value: undefined

When you use pie markers on your map, each marker is represented by a tiny pie chart whose slices are defined by the array assigned to the values field of the marker object. If you are not satisfied with the size of pie markers, you can change it using the size option of the markerSettings object.