layers.symbol String|Function (default: "circle")

The symbol to use for bubble layers. Possible values:

  • "circle" - A circle.
  • "square" - A square symbol.
  • function - An user defined symbol.

The function must accept an object with the following fields:

  • center - The symbol center on the current layer.
  • size - The symbol size.
  • style - The symbol style.
  • dataItem - The dataItem used to create the symbol.
  • location - The location of the data point.

The function return value must be a kendo.drawing.Shape.

Example - Set symbol for bubble layer

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layers: [{
            type: "bubble",
            symbol: "square",
            dataSource: {
                data: [{
                    "location": [42, 12], "value": 10
                }, {
                    "location": [45, 15], "value": 25
                }]
            }
        }]
    });
</script>
In this article