osm-mini-editor/README.md

osm轻量化编辑器，相比较OSM源代码包

# osm-mini-editor

osm轻量化编辑器，相比较OSM源代码包

```
 1、轻量级，仅保留点、线、面绘制基础功能
 2、工具包，按需引入
 3、同时支持栅格、矢量底图渲染
 4、支持定制化菜单、定制化mode、定制化behavior
 5、覆盖物配置化
```

```js
    import { Map, /* ToolArea */ ToolDistance, ToolScreen, ToolPickCoord, ToolNavigate, ToolDrawRect, ToolBuffer } from 'osm-mini-editor';

    var configs = {
        id: 'osm-container',
        options: {
            uiOptions: {
                showTop: true,
                showModes: false,
            },
            zoom: 17,
            mapboxOptions: {
                background: {} as OverlayOptions,
            },
        },
        callbacks: {
        onSave() {

        },
        onCtrlRect() {
            console.log('ctrl', arguments);
        },
        onSelect() {

        },
        },
        tags: {
            aoi: {
                datatype: 'aoi',
                guid: '',
                area: '',
            },
            [TYPE_BUILDING]: {
                datatype: 'aoi',
                guid: '',
                area: '',
            },
        },
    }
    var context = Map(configs);

    context.minEditableZoom(16);
    context.dMap({});
    context.svgLabelPoint(false);
    context.map().center([116.26869567929616, 39.70593914221621]);
    context.value.baseTools().install([
      ToolScreen(context, context.iD, {}),
      ToolScreen(context, context.iD, roadScreenTool),
      ToolDistance(context, context.iD),
      ToolPickCoord(context, context.iD, { autoCopy: true }),
      ToolNavigate(context, context.iD),
      ToolDrawRect(context, context.iD),
    ]);
```