更新样例\示例

sbjw

6 days ago f39e4480ffd7aa755fbed9cf405b50ed8d33342b

 src/example/ExampleDrawPage.js

@@ -10,6 +10,8 @@

    optionObjs = {
        "目标简标": {
            allowPicking: false,
            code: '123123',
            bz: true,
            bzlx: 'simple',
            jbwb: 'R:00017',
@@ -21,6 +23,7 @@
            iconSize: [[20, 20], [30, 30], [40, 40]]
        },
        "目标详标": {
            allowPicking: false,
            bz: true,
            bzlx: 'detail',
            jbwb: 'R:00017',
@@ -32,6 +35,7 @@
            iconSize: [[20, 20], [30, 30], [40, 40]]
        },
        "飞行简标": {
            allowPicking: false,
            bz: true,
            bzlx: 'simple',
            jbwb: "P:00019",
@@ -46,6 +50,7 @@
            iconSize: [[20, 20], [30, 30], [40, 40]]
        },
        "飞行详标": {
            allowPicking: false,
            bz: true,
            bzlx: 'detail',
            jbwb: 'P:00019',
@@ -61,6 +66,7 @@
            iconSize: [[20, 20], [30, 30], [40, 40]]
        },
        "雷达对抗侦察区域": {
            allowPicking: false,
            type: "lddkzcqy",
            bj: 1,
            qsjd: 30,
@@ -70,6 +76,7 @@
            iconSize: [[20, 20], [30, 30], [40, 40]]
        },
        "雷达对抗干扰波束": {
            allowPicking: false,
            type: 'lddkgrps',
            bj: 1,
            qsjd: 30,
@@ -79,6 +86,7 @@
            iconSize: [[20, 20], [30, 30], [40, 40]]
        },
        "雷达对抗测向线": {
            allowPicking: false,
            type: "lddkcxx",
            kcwb: "10110",
            kcgls: 1,
@@ -88,6 +96,7 @@
            points: []
        },
        "雷达对抗关系": {
            allowPicking: false,
            type: "lddkgx",
            kcwb: "10110",
            kcgls: 1,
@@ -99,6 +108,7 @@
            points: []
        },
        "雷达对目标探测": {
            allowPicking: false,
            type: "lddmbtc",
            bj: 0.5,
            qsjd: 0,
@@ -107,6 +117,7 @@
            useModify: false,
        },
        "通信对抗侦察区域": {
            allowPicking: false,
            type: "txdkzcqy",
            bj: 0.5,
            qsjd: 0,
@@ -115,6 +126,7 @@
            useModify: false,
        },
        "通信对抗干扰波束": {
            allowPicking: false,
            type: "txdkgrps",
            bj: 1,
            qsjd: 30,
@@ -123,6 +135,7 @@
            useModify: false,
        },
        "通信对抗测向线": {
            allowPicking: false,
            type: "txdkcxx",
            kcgls: 1,
            kcjd: 30,
@@ -132,6 +145,7 @@
            points: []
        },
        "通信畅通区域": {
            allowPicking: false,
            type: 'txctqy',
            bj: 0.5,
            qsjd: 0,
@@ -141,12 +155,14 @@
        },
        "通信网标绘": {
            type: "txw",
            allowPicking: false,
            useModify: false,
            lon: 102.70854539488224, lat: 31.0098468100060593, height: 0,
            points: []
        },
        "光电对抗侦察区域": {
            type: 'gddkzcqy',
            allowPicking: false,
            bj: 0.5,
            qsjd: 0,
            zzjd: 360,
@@ -154,6 +170,7 @@
            useModify: false,
        },
        "光电有源对抗干扰波束": {
            allowPicking: false,
            type: 'gdyydkgrbs',
            kcgls: 1,
            kcjd: 30,
@@ -161,6 +178,7 @@
            useModify: false,
        },
        "漫反射干扰区域": {
            allowPicking: false,
            type: 'mfsgrqy',
            bj: 1,
            qsjd: 30,
@@ -169,6 +187,7 @@
            useModify: false,
        },
        '烟幕形成区域': {
            allowPicking: false,
            type: 'ymxcqy',
            points: [{lon: 102.64984, lat: 30.99237, height: 0},
                {lon: 102.66012682459443, lat: 30.995109020954718, height: 0},
@@ -178,6 +197,7 @@
            useModify: false,
        },
        "掩护区域": {
            allowPicking: false,
            type: 'yhqy',
            points: [{lon: 102.642853926199, lat: 31.012509646376447, height: 0},
                {lon: 102.65927322610115, lat: 31.01540811637356, height: 0},
@@ -187,30 +207,35 @@
            useModify: false,
        },
        "协同关系": {
            allowPicking: false,
            type: 'xtgx',
            points: [{lon: 102.642853926199, lat: 31.012509646376447, height: 0},
                {lon: 102.66192135373299, lat: 31.005988487769518, height: 0}],
            useModify: false,
        },
        "干扰线": {
            allowPicking: false,
            type: 'grx',
            points: [{lon: 102.732420985008, lat: 30.97556325857848, height: 0},
                {lon: 102.73983041603873, lat: 30.97504986175468, height: 0}],
            useModify: false
        },
        "预警线": {
            allowPicking: false,
            type: 'yjx',
            useModify: false,
            points: [{lon: 102.732420985008, lat: 30.97956325857848, height: 0},
                {lon: 102.73983041603873, lat: 30.98004986175468, height: 0}]
        },
        "目标分配线": {
            allowPicking: false,
            type: 'mbfpx',
            useModify: false,
            points: [{lon: 102.732420985008, lat: 30.97756325857848, height: 0},
                {lon: 102.73983041603873, lat: 30.97804986175468, height: 0}]
        },
        "目标醒目": {
            allowPicking: false,
            bz: true,
            xz: true,
            bzlx: 'simple',
@@ -239,6 +264,7 @@
            .then(mdText => {
                this.setState({htmlString: window.marked.parse(mdText)});
            });
        this.showOptions();
    }

    showOptions = () => {
@@ -251,6 +277,10 @@
        }
    };

    showOptions2 = () => {
        this.mapFunction.mapApiService.showDrawDatas([this.optionObjs['目标简标']]);
    }


    async draw(option) {
        this.closeUpdate();
@@ -261,7 +291,7 @@
        delete option.height;
        let p = await this.mapFunction.mapApiService.draw(option);
        p.drawEnd.subscribe(value => {
            alert(p.export());
            // alert(p.export());
        })
        this.drawOps.push(p);
    }
@@ -414,6 +444,7 @@
                         showDefaultLayer={true}
                    />
                </div>
                <Button type="primary" onClick={this.showOptions2.bind(this)}>2222</Button>
                <Button type="primary" onClick={this.showOptions.bind(this)}>显示已有标绘数据</Button>
                {buttons}
                <Button type="primary" onClick={this.export.bind(this)}>导出绘制配置</Button>