src/example/ExampleLayerPage.js
@@ -1,7 +1,7 @@
import React, {Component} from 'react'
import './CommonExample.css'
import './ExampleLayerPage.css'
import {GIS} from "../iclient3d-plot-diy";
import {GIS} from "iclient3d-plot-diy";
;
import {Button} from "antd";
@@ -32,6 +32,9 @@
    addDemLayer() {
        this.mapFunction.updateDemLayer(this.state.terrainUrl, true);
    }
    removeDemLayer() {
        this.mapFunction.removeDemLayer(this.state.terrainUrl, true);
    }
    addGeoJsonLayer() {
        this.mapFunction.showGeoJsonDataSource({
@@ -45,12 +48,20 @@
        }, true);
    }
    hideGeoJsonLayer() {
        this.mapFunction.hideLayer('id_for_geojson');
    }
    addSuperMapImageryLayer() {
        this.mapFunction.showSuperMapImageryProvider({
            code: 'id_for_imagery_provider',
            url: this.state.superMapImageryUrl,
            name: 'supermap_imagery_provider'
        }, true);
    }
    hideSuperMapImageryLayer() {
        this.mapFunction.hideLayer('id_for_imagery_provider');
    }
    render() {
@@ -75,18 +86,21 @@
                           value={this.state['terrainUrl']}
                           onChange={(v) => this.setState({terrainUrl: v.target.value})}/>
                    <Button type="primary" onClick={this.addDemLayer.bind(this)}>添加地形</Button>
                    <Button type="primary" onClick={this.removeDemLayer.bind(this)}>移除地形</Button>
                    <br/>
                    <span>矢量服务地址:</span>
                    <input type="text" placeholder={'请输入矢量服务地址'}
                           value={this.state['geojsonUrl']}
                           onChange={(v) => this.setState({geojsonUrl: v.target.value})}/>
                    <Button type="primary" onClick={this.addGeoJsonLayer.bind(this)}>添加矢量</Button>
                    <Button type="primary" onClick={this.hideGeoJsonLayer.bind(this)}>关闭矢量</Button>
                    <br/>
                    <span>影像服务地址:</span>
                    <input type="text" placeholder={'请输入影像服务地址'}
                           value={this.state['superMapImageryUrl']}
                           onChange={(v) => this.setState({superMapImageryUrl: v.target.value})}/>
                    <Button type="primary" onClick={this.addSuperMapImageryLayer.bind(this)}>添加影像</Button>
                    <Button type="primary" onClick={this.hideSuperMapImageryLayer.bind(this)}>关闭影像</Button>
                </div>
                <div className={"code_wrapper"}>
                    <div dangerouslySetInnerHTML={{__html: this.state.htmlString}}></div>