| | |
| | | initServiceLayers (layerConfig) { |
| | | this.layerConfig = layerConfig |
| | | this.loadLayers(layerConfig.mapConfig.Layers.LayerSewersLine) |
| | | // this.loadLayers(layerConfig.mapConfig.Layers.layerSewersPoint) |
| | | } |
| | | |
| | | /** |
| | |
| | | console.debug('ServiceLayerHelper加载参数:', layerConfig) |
| | | for (let i = 0, len = layerConfig.length; i < len; ++i) { |
| | | const opt = layerConfig[i] |
| | | if (opt.checked) { |
| | | if (opt.type === 'wmts') { |
| | | this.loadWmtsLayer(opt, isAddToMap) |
| | | this.tileLayersWMTSArray.push(opt) |
| | | } else if (opt.type === 'wms') { |
| | | this.loadWmsLayer(opt, isAddToMap) |
| | | this.tileLayersWMSArray.push(opt) |
| | | } else if (opt.type === 'tile') { |
| | | this.loadTileLayer(opt, isAddToMap) |
| | | this.tileLayersTileArray.push(opt) |
| | | } else if (opt.type === 'geojson') { |
| | | this.loadGeojsonLayers(opt) |
| | | } |
| | | if (opt.type === 'wmts') { |
| | | this.loadWmtsLayer(opt, isAddToMap) |
| | | this.tileLayersWMTSArray.push(opt) |
| | | } else if (opt.type === 'wms') { |
| | | this.loadWmsLayer(opt, isAddToMap) |
| | | this.tileLayersWMSArray.push(opt) |
| | | } else if (opt.type === 'tile') { |
| | | this.loadTileLayer(opt, isAddToMap) |
| | | this.tileLayersTileArray.push(opt) |
| | | } else if (opt.type === 'geojson') { |
| | | this.loadGeojsonLayers(opt) |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | loadGeojsonLayer (url, layer) { |
| | | loadGeojsonLayer (url, item) { |
| | | var matches = this.regex.exec(url) |
| | | var matchValue = layer[matches[1]] |
| | | var code = layer.code |
| | | var matchValue = item[matches[1]] |
| | | var code = item.code |
| | | var newUrl = url.replace(this.regex, matchValue) |
| | | var that = this |
| | | if (!that.geojsonArray[code]) { |
| | | AjaxUtils.GetDataAsynByUrl(newUrl, {}, function (res) { |
| | | store.commit('setSewersDatas', res) |
| | | var layer = that.loadGeojson(res) |
| | | var layer = that.loadGeojson(res, item) |
| | | that.geojsonArray[code] = layer |
| | | }) |
| | | } |
| | |
| | | * 加载点数据 |
| | | * @param res |
| | | */ |
| | | loadGeojson (res) { |
| | | loadGeojson (res, layer) { |
| | | var that = this |
| | | const featureGroup = that.L.featureGroup([], { |
| | | attribution: { id: '123' } |
| | | }).addTo(that.map) |
| | | var icon = layer.icon |
| | | const featureGroup = that.L.featureGroup().addTo(that.map) |
| | | that.L.geoJSON(res.features, { |
| | | style: function (feature) { |
| | | return { |
| | |
| | | { |
| | | radius: 20, |
| | | img: { |
| | | url: 'assets/images/map/marker-icon.png', |
| | | // url: 'assets/images/map/marker-icon.png', |
| | | url: '/assets/images/map/' + icon, |
| | | size: [20, 20] |
| | | } |
| | | }) |
| | | } |
| | | }).bindPopup(function (layer) { |
| | | // return layer.feature.properties.linenumber |
| | | }).addTo(featureGroup) |
| | | featureGroup.bringToBack() |
| | | }).addTo(featureGroup).bringToFront() |
| | | return featureGroup |
| | | } |
| | | |
| | |
| | | loadWmtsLayer (options, isAddToMap = true) { |
| | | const layer = this.L.tileLayer(options.url, options.option) |
| | | layer.config = options |
| | | |
| | | if (isAddToMap) { |
| | | layer.addTo(this.map) |
| | | var checked = options.checked |
| | | if (checked) { |
| | | if (isAddToMap) { |
| | | layer.addTo(this.map) |
| | | } |
| | | this.loadedLayersMap.set(options.code, layer) |
| | | } |
| | | this.loadedLayersMap.set(options.code, layer) |
| | | } |
| | | |
| | | /** |
| | |
| | | const layer = this.L.tileLayer.wms(options.url, options.option) |
| | | layer.config = options |
| | | |
| | | if (isAddToMap) { |
| | | layer.addTo(this.tileLayerWmslayerGroup) |
| | | var checked = options.checked |
| | | if (checked) { |
| | | if (isAddToMap) { |
| | | layer.addTo(this.tileLayerWmslayerGroup) |
| | | } |
| | | this.loadedLayersMap.set(options.code, layer) |
| | | } |
| | | this.loadedLayersMap.set(options.code, layer) |
| | | } |
| | | |
| | | /** |