修复图层重复加载、图层动画颜色不一致、地图数据缺失问题

徐旺旺

2021-04-19 0547901378595158423e4f992ad889abe9d0aad0

 src/components/helpers/BasemapHelper.js

@@ -1,7 +1,6 @@
/* eslint-disable no-debugger */
import AjaxUtils from '@/utils/AjaxUtils'
import * as utils from '../../utils/utils'

// import * as utils from '../../utils/utils'
/**
 * 底图管理助手，负责底图创建及开关
 */
@@ -20,7 +19,7 @@
     * @param map
     * @param defBasemapName 初始化完成后，默认显示的图层
     */
    initBasemap = (config, isIntranet) => {
    initBasemap =async (config, isIntranet) => {
      if (isIntranet) { // 内网
        this._getToken(config) // 获取token后，并按配置加载地图
      } else { // 外网
@@ -80,11 +79,6 @@
      const internetBasemaps = config.mapConfig.InternetBaseMaps
      for (let i = 0, len = internetBasemaps.length; i < len; ++i) {
        const basemapConfig = internetBasemaps[i]
        const mapToken = utils.getRandomTDTToken()
        const mapUrl = utils.changeURLArg(basemapConfig.map.url, 'tk', mapToken)
        console.log(mapToken)
        console.log(mapUrl)
        console.log(basemapConfig.map.url)
        const basemapLayer = this.L.tileLayer(basemapConfig.map.url, basemapConfig.map.option)
        const basemapAnnotationLayer = this.L.tileLayer(basemapConfig.annotation.url, basemapConfig.annotation.option)

@@ -107,11 +101,10 @@

    // 内网地图创建部分
    // 获取内网地图token，并加载到地图中
    _getToken = (config) => {
    _getToken = async (config) => {
      const params = config.TokenConfig
      AjaxUtils.GetDataAsynByUrl(params.url, params.option, (token) => {
        this._showTDT(token, config)
      })
      const token = await AjaxUtils.GetDataAsynByUrl(params.url, params.option)
      this._showTDT(token, config)
    }

    // 内网地图加载，并加载到地图
@@ -119,8 +112,8 @@
      const intranetBasemaps = config.mapConfig.IntranetBaseMaps
      for (let i = 0, len = intranetBasemaps.length; i < len; ++i) {
        const basemapConfig = intranetBasemaps[i]
        const basemapLayer = this.L.tileLayer(basemapConfig.map.url, basemapConfig.map.option)
        const basemapAnnotationLayer = this.L.tileLayer(basemapConfig.annotation.url, basemapConfig.annotation.option)
        const basemapLayer = this.L.tileLayer(basemapConfig.map.url + '&token=' + token, basemapConfig.map.option)
        const basemapAnnotationLayer = this.L.tileLayer(basemapConfig.annotation.url + '&token=' + token, basemapConfig.annotation.option)

        const basemap = {
          code: basemapConfig.code,