MapLayer.updateMilestones

Syntax

updateMilestones(s: Number, pointZoom: PP.Point, offsetLeft: Number, offsetTop: Number);

Parameters

s. Scale of map milestones layer.

pointZoom. Zooming point.

offsetLeft. Offset from the left edge of map milestones layer.

offsetTop. Offset from the layer top edge.

Description

The updateMilestones method updates milestones in the current map layer and its children.

Example

To execute the example the HTML page must contain the MapChart component named map (see Example of Creating the MapChart Component). Show milestones in the map, update their positions and handle the MouseDown event, showing ID of corresponding layer region to the browser console on clicking on a milestone:

// Get layer with map areas
var regions = map.getLayer("Regions");
// Get map milestone layer
var milestoneLayer = map.getMilestoneLayer();
// Add milestones ton map layer
regions.getDomNode().appendChild(milestoneLayer);
// Update map milestones
regions.updateMilestones(1, null, 30, 0);
// By clicking milestone determine corresponding map layer area
for (var n in regions._Milestones) {
    // Link events to milestone
    regions._Milestones[n]._bindEvents();
    // Get DOM element of milestone
    var node = regions._Milestones[n].getDomNode();
    // Handle the MouseDown event
    regions._Milestones[n].MouseDown.add(function (sender, args) {
        console.log("Area corresponding to clicked milestone: " + sender.getShape().getId());
    });
};

After executing the example milestones layer is shown on the map, and milestones positions are updated:

On clicking a milestone the browser console displays ID of map layer area corresponding to this milestone:

Area corresponding to clicked milestone: RU-ROS

Area corresponding to clicked milestone: RU-MO

Area corresponding to clicked milestone: RU-NEN