| | |
|---|
| | | ```jsx |
|---|
| | | import React, {Component} from 'react' |
|---|
| | | import './ExampleDrawPage.css' |
|---|
| | | import {GIS} from "../iclient3d-plot-diy"; |
|---|
| | | import {GIS} from "iclient3d-plot-diy"; |
|---|
| | | |
|---|
| | | ; |
|---|
| | | import {Button} from "antd"; |
|---|
| | |
|---|
| | | bz: true, |
|---|
| | | bzlx: 'simple', |
|---|
| | | jbwb: "P:00019", |
|---|
| | | type: "fx", |
|---|
| | | type: "2010", |
|---|
| | | useModify: false, |
|---|
| | | lon: 102.76054539488224, lat: 31.000468100060593, height: 0, |
|---|
| | | points: [{lon: 102.76554539488224, lat: 31.000468100060593, height: 0}, { |
|---|
| | |
|---|
| | | bzlx: 'detail', |
|---|
| | | jbwb: 'P:00019', |
|---|
| | | xbwb: "F16-1\n美国\n16:45:56\nR:00019\nC:00019", |
|---|
| | | type: "fx", |
|---|
| | | type: "2010", |
|---|
| | | useModify: false, |
|---|
| | | lon: 102.73054539488224, lat: 31.001068100060593, height: 0, |
|---|
| | | points: [{lon: 102.73554539488224, lat: 31.001068100060593, height: 0}, { |
|---|
| | |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | showOptions2 = () => { |
|---|
| | | |
|---|
| | | this.mapFunction.mapApiService.showDrawDatas([{ |
|---|
| | | type: 'lddkgrps', |
|---|
| | | bj: 1, |
|---|
| | | qsjd: 30, |
|---|
| | | zzjd: 75, |
|---|
| | | lon: 102.72004539488224, lat: 30.991068100060593, height: 0, |
|---|
| | | useModify: false |
|---|
| | | }]); |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | async draw(option) { |
|---|
| | | this.closeUpdate(); |
|---|
| | |
|---|
| | | delete option.lon; |
|---|
| | | delete option.lat; |
|---|
| | | delete option.height; |
|---|
| | | let p = await this.mapFunction.mapApiService.draw(option) |
|---|
| | | let p = await this.mapFunction.mapApiService.draw(option); |
|---|
| | | p.drawEnd.subscribe(value => { |
|---|
| | | // alert(p.export()); |
|---|
| | | }) |
|---|
| | | this.drawOps.push(p); |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | this.mapFunction = e |
|---|
| | | } |
|---|
| | | } |
|---|
| | | useSvgIcon={true} |
|---|
| | | iconScales={[[0, 2000], [2000, 10000], [10000, 5000000]]} |
|---|
| | | plotUrl={this.state.plotUrl} |
|---|
| | | mapRef={this} |
|---|
| | | 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> |
|---|
