MindFusion.Mapping.Drawing Constructor | JavaScript Component Suite

Drawing Constructor

Syntax

JavaScript Copy Code
function Drawing ()

Example

The following code creates a new CanvasLayer with an id "Drawings" and adds Circle instances, whose coordinates are taken from an array. The Circle class extends Drawing:

JavaScript Copy Code
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"; drawings.decorations.add(circle); });

JavaScript

Copy Code

    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";
        drawings.decorations.add(circle);
    });

Syntax

Example

See Also