3.2.2.1、diagram-js-minimap

diagram-js-minimap 简介

1、什么是 diagram-js-minimap ？

扩展 BPMN 2.0 建模器，增加缩略图导航功能。
It implements a BPMN 2.0 modeler with a minimap that lets you navigate the diagram.

https://github.com/bpmn-io/bpmn-js-examples/tree/master/minimap

2、使用指导

添加 diagram-js-minimap 到你的项目:

npm install --save diagram-js-minimap

通过bpmn-js对象加载 minimap 模块:

import BpmnModeler from 'bpmn-js/lib/Modeler';

import minimapModule from 'diagram-js-minimap';

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!');
  }
});