Drawing.data Property

Gets or sets an object, holding custom user data.

Namespace: MindFusion.Mapping
File: Drawing.js

 Syntax

JavaScript

get data() {}

 Property Value

Object. The custom user data.

 Example

The following code creates a new CanvasLayer with an id "Drawings" and adds Circle instances, whose coordinates are taken from an array. It uses the data property to assign to the new Circle an instance of a custom sightseeing class, whose instances are kept in an array called "places". The Circle class extends Drawing:

JavaScript

var m = MindFusion.Mapping;var points = [
    new m.LatLong(3.5308084104036523, -75.68240577939847),
    new m.LatLong(3.203158862432781, -75.64670021299222),
    new m.LatLong(2.89597766664142, -75.43246681455472),
    new m.LatLong(2.6669084038224167, -75.51898414853909),
    new m.LatLong(2.6600493665912777, -75.99002296689847)];var drawings = new m.CanvasLayer("Drawings");
view.layers.add(drawings);
// create markers and circles at the specified points
points.forEach(
    function (point)
    {
        markers.decorations.add(new m.Marker(point));
        var circle = new m.Circle(point, 1000);
        circle.fill = "red";
        if(places.length > drawings.decorations.count())
         circle.data = places[drawings.decorations.count()];
        drawings.decorations.add(circle);
        
    });