diff --git a/src/index.less b/src/index.less index 72529333..03f027bc 100644 --- a/src/index.less +++ b/src/index.less @@ -222,8 +222,9 @@ body { top: -1px; } .ant-tree-iconEle > span:last-child img { - width: 100%; + width: auto; height: 100%; + margin-top: 6px; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { color: inherit; diff --git a/src/pages/BaseMap/LayerData/index.js b/src/pages/BaseMap/LayerData/index.js index 6d58d98a..737ca186 100644 --- a/src/pages/BaseMap/LayerData/index.js +++ b/src/pages/BaseMap/LayerData/index.js @@ -41,7 +41,7 @@ class LayerData extends React.Component { key: basicLayeData[i].id, title : basicLayeData[i].name, selectable: false, - children: this.getLayerList(basicLayeData[i].layerList, i), + children: this.getLayerList(basicLayeData[i].layerList), }) } this.setState ({ @@ -105,6 +105,8 @@ class LayerData extends React.Component { }); }; handleOk = (values) => { + let self = this; + let treeData = this.state.treeData if (this.state.addLayer.id != 0) { //编辑图层 updateLayer({ id: this.state.addLayer.id, @@ -126,13 +128,16 @@ class LayerData extends React.Component { note: this.state.addLayer.note, }).then((e) => { if (e.success) { - message.success('图层创建成功!'); + message.success(e.message || '图层创建成功!'); this.setState({ isModalOpen: false }); } else { - message.error('图层创建失败!'); + message.error(e.message || '图层创建失败!'); } + }).then(() => { + let filter = self.props.adcode.districtAdcode || self.props.adcode.cityAdcode; + self.getBasicLayerMenu(filter) }) } }; diff --git a/src/pages/BaseMap/index.js b/src/pages/BaseMap/index.js index a08d5e5e..60aada13 100644 --- a/src/pages/BaseMap/index.js +++ b/src/pages/BaseMap/index.js @@ -193,64 +193,64 @@ class BaseMap extends React.Component{ } // 在地图上设置热力图 【经度,纬度】 - setHeatMap = (data, layerId) => { - let self = this; - let map = this.state.map; - let LabelsData = data || []; - let heatLayer = new Heatmap({nmae: layerId}) - .source(LabelsData) - .shape('heatmap') - .size('mag', [ 0, 1.0 ]) // weight映射通道 - .style({ - intensity: 2, - radius: 20, - rampColors: { - colors: [ - '#FF4818', - '#F7B74A', - '#FFF598', - '#91EABC', - '#2EA9A1', - '#206C7C' - ].reverse(), - positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ] - } - }); - map.addLayer(heatLayer); + // setHeatMap = (data, layerId) => { + // let self = this; + // let map = this.state.map; + // let LabelsData = data || []; + // let heatLayer = new Heatmap({nmae: layerId}) + // .source(LabelsData) + // .shape('heatmap') + // .size('mag', [ 0, 1.0 ]) // weight映射通道 + // .style({ + // intensity: 2, + // radius: 20, + // rampColors: { + // colors: [ + // '#FF4818', + // '#F7B74A', + // '#FFF598', + // '#91EABC', + // '#2EA9A1', + // '#206C7C' + // ].reverse(), + // positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ] + // } + // }); + // map.addLayer(heatLayer); - // 加载热力图插件 - // var heatmap; - // var points = []; - // LabelsData.forEach(function (item) { - // points.push( - // { - // "lng": Number(item.location.split(',')[0]), - // "lat": Number(item.location.split(',')[1]), - // "count": item.weight, - // "id": layerId, - // } - // ) - // }) - // map.plugin(["AMap.Heatmap"],function(){ - // // 在地图对象叠加热力图 - // heatmap = new AMap.Heatmap(map, { - // radius: 25, //热力图的每个点的半径大小 [0,+∞) - // opacity: [0, 0.8], //热力图的透明度,分别对应heatmap.js的minOpacity和maxOpacity - // gradient:{ //热力图的颜色渐变区间。 {JSON}:key 插值的位置, 0-1; value颜色值 - // 0.5: 'blue', - // 0.65: 'rgb(117,211,248)', - // 0.7: 'rgb(0, 255, 0)', - // 0.9: '#ffea00', - // 1.0: 'red' - // }, - // }); - // // 设置热力图数据集 - // heatmap.setDataSet({data:points,max:100}); - // }); - // this.setState((state) => { - // state.heatMapList.push(heatmap); - // }); - } + // // 加载热力图插件 + // // var heatmap; + // // var points = []; + // // LabelsData.forEach(function (item) { + // // points.push( + // // { + // // "lng": Number(item.location.split(',')[0]), + // // "lat": Number(item.location.split(',')[1]), + // // "count": item.weight, + // // "id": layerId, + // // } + // // ) + // // }) + // // map.plugin(["AMap.Heatmap"],function(){ + // // // 在地图对象叠加热力图 + // // heatmap = new AMap.Heatmap(map, { + // // radius: 25, //热力图的每个点的半径大小 [0,+∞) + // // opacity: [0, 0.8], //热力图的透明度,分别对应heatmap.js的minOpacity和maxOpacity + // // gradient:{ //热力图的颜色渐变区间。 {JSON}:key 插值的位置, 0-1; value颜色值 + // // 0.5: 'blue', + // // 0.65: 'rgb(117,211,248)', + // // 0.7: 'rgb(0, 255, 0)', + // // 0.9: '#ffea00', + // // 1.0: 'red' + // // }, + // // }); + // // // 设置热力图数据集 + // // heatmap.setDataSet({data:points,max:100}); + // // }); + // // this.setState((state) => { + // // state.heatMapList.push(heatmap); + // // }); + // } // 获取围栏图层数据 getLayerShapes = (layerId, selected, adcode) => { if (selected) { @@ -604,6 +604,8 @@ class BaseMap extends React.Component{ this.getLayerPoints(layerId, true, 1); this.refs.getLayerDataFun.changeUnitAmount(this.state.pointAdd.layerId); }, 1000);//true新增,1点 + let filter = this.state.districtAdcode || this.state.cityAdcode; + this.refs.getLayerDataFun.getBasicLayerMenu(filter) this.setState({ isModalOpen: false, pointAdd: {},