import WfsLayerService from './WfsLayerService' import WmsLayerService from './WmsLayerService' import { clone } from '../../../utils/utils' import { logicMapper } from '../../../conf/Constants' class LayerFactory { constructor (options) { this.L = options.L this.map = window.map this.layers = {} this.layersLogic = {} } init (layerConfig) { // 1. 遍历layer config if (layerConfig) { for (var i = 0; i < layerConfig.length; i++) { var config = layerConfig[i] var layers = config.layers var childLayer = config.childLayer var checked = config.checked layers && this.init(config.layers) childLayer && this.init(config.childLayer) this.loadLogic(config) this.toggleZoomByConfig(config) checked && this.show(config) } } } loadLogic (config) { var code = config.code var wfs = config.wfs var wms = config.wms const file = logicMapper[code] var logic = this.layersLogic[code] if (!logic) { if (file) { var BusiLayer = require('../logic/' + file) logic = new BusiLayer() } else if (wfs) { logic = new WfsLayerService(config) } else if (wms) { logic = new WmsLayerService(config) } } this.layersLogic[code] = logic return logic } addLayer (config) { var code = config.code var logic = this.loadLogic(config) var layer = (logic && logic.initLayer && logic.initLayer((this.L))) || this.L.featureGroup({}) layer.addTo(this.map) this.layers[code] = layer return layer } show (config) { var layer = this.layers[config.code] var logic = this.loadLogic(config) if (layer) { if (!this.map.hasLayer(layer)) { layer.addTo(this.map) } } else { logic && logic.init(this.addLayer(config), this.L) } logic && logic.create && logic.create() } hide (config) { const code = config.code const layer = this.layers[code] layer && this.map.removeLayer(layer) const logic = this.loadLogic(config) logic && logic.destory && logic.destory() } /** * 控制显示的级别 * @param layerConfig */ initEvent (layerConfig) { this.map.on('zoomend ', (e) => this.toggleZoomByLayer(layerConfig)) } toggleZoomByLayer (layerConfig) { var config = layerConfig if (Array.isArray(layerConfig)) { for (var i = 0, l = layerConfig.length; i < l; i++) { config = layerConfig[i] var layers = config.layers var childLayer = config.childLayer layers && this.toggleZoomByLayer(layers) childLayer && this.toggleZoomByLayer(childLayer) this.toggleZoomByConfig(config) } } else { this.toggleZoomByConfig(layerConfig) } } toggleZoomByConfig (config) { const zoom = this.map.getZoom() var checked = config.checked if (checked && config.minZoom) { if (zoom > config.minZoom) { this.show(config) } else { this.hide(config) } } } /** * * 根据传的 feature对象定位, * @param code * @param feature */ flyByFeature (feature, code) { const type = feature.geometry.type var point = [] switch (type) { case 'Point': point = clone(feature.geometry.coordinates) break case 'MultiLineString': var coordinates = feature.geometry.coordinates point = coordinates[parseInt(coordinates.length / 2)][0] break } window.map.flyTo(point.reverse(), 15) code && this.openPopup(code, feature.id) } openPopup (layerId, id) { const layer = this.layers[layerId] if (layer.eachLayer) { layer.eachLayer(function (layer) { const layers = layer.getLayers() for (var i = 0; i < layers.length; i++) { const lay = layers[i] const feature = lay.feature lay.closePopup() if (feature.id === id) { lay.openPopup() break } } }) } /* for (var k in this.layers) { var layerGroup = this.layers[k] layerGroup.eachLayer(function (layer) { console.log(layer) console.log(layer.getAttribution()) }) var layers = layerGroup.getLayers() if (layers) { for (var m = 0; m < layers.length; m++) { var layer = layers[m] console.log(layer) console.log(layer.getLayerId(val.id)) /!* var feature = layer.feature if (feature.id === layerId) { this.map.flyToBounds(bound) return layer } *!/ } } } */ return null } findLayerById (layer, id) { const layers = layer.getLayers if (layers) { this.findLayerById(layer.getLayers(), id) } else { layer.eachLayer(function (layer) { console.log(layer) }) } } } export default LayerFactory