MindFusion.Mapping.Drawing Class | JavaScript Component Suite

Represents a decoration drawing.

Namespace: MindFusion.Mapping
File: Drawing.js

Syntax

JavaScript Copy Code
// class Drawing.prototype = {}

Remarks

This is the base class for Circle and Poly classes. You can create your own drawing classes by extending 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
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"; drawings.decorations.add(circle); });

JavaScript

Copy Code

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

Inheritance Hierarchy

MindFusion.Mapping.Drawing

Syntax

Remarks

Example

Inheritance Hierarchy

See Also