Package Exports

diagram-js-minimap

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (diagram-js-minimap) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

diagram-js-minimap

A minimap for diagram-js

Minimap

Features

See the whole diagram in the minimap
Click/drag/scroll the minimap to navigate the diagram

Usage

Extend your diagram-js application with the minimap module. We'll use bpmn-js as an example:

var BpmnModeler = require('bpmn-js/lib/Modeler');

var minimapModule = require('diagram-js-minimap');

var canvas = $('#js-canvas');

var bpmnModeler = new BpmnModeler({
  container: canvas,
  additionalModules: [
    minimapModule
  ]
});

bpmnModeler.importXML(xml, function(err) {

  if (err) {
      console.error(err);
    } else {
      console.log('Awesome! Ready to navigate!');
    }
  });

Please see this example for a more detailed instruction.