import React, {PureComponent} from 'react'
import './FirstPage.css'
import {GIS} from "iclient3d-plot-diy";

export default class FirstPage extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {};
    }

    componentDidMount() {

        let arr2 = [{
            bz: false,
            bzlx: 'simple',
            jbwb: 'R:00000',
            allowPicking: false,
            returnHeight: true,
            useModify: false,
            type: 1004,
            lon: 102.71004539488224, lat: 30.990068100060593, height: 0,
            points: [],
            iconSize: [[20, 20], [20, 20], [40, 40]]
        }, {
            allowPicking: false,
            type: "lddkzcqy",
            bj: 22,
            qsjd: 30,
            zzjd: 75,
            lon: 102.71004539488224, lat: 30.990068100060593, height: 0,
            useModify: false,
        }];
        this.mapFunction.mapApiService.showDrawDatas(arr2);
    }


    render() {
        return (
            <div className={"plot-map-container"}>
                <GIS refs={e => {
                    this.mapFunction = e
                }}
                     plotUrl={this.state.plotUrl}
                     mapRef={this}
                     iconScales={[[0, 2000], [2000, 10000], [10000, 5000000]]}
                />
            </div>
        )
    }
}