Uncaught (in promise) TypeError: Cannot read property 'length' of undefined

╰+哭是因爲堅強的太久メ 2022-04-04 13:46 656阅读 0赞

1、错误描述

Uncaught (in promise) TypeError: Cannot read property 'length' of undefined
        geoJSONLoader.js:106
    at getBoundingRect (geoJSONLoader.js:106)
    at Object.load (geoJSONLoader.js:98)
    at geoSourceManager.js:73
    at Array.forEach (<anonymous>)
    at each (util.js:298)
    at Object.load (geoSourceManager.js:72)
    at Object.getFilledRegions (geoCreator.js:221)
    at ExtendedClass._createSelectableList (MapSeries.js:101)
    at ExtendedClass.init (MapSeries.js:78)
    at ExtendedClass.<anonymous> (Global.js:238)

2、错误原因

/*
    * Licensed to the Apache Software Foundation (ASF) under one
    * or more contributor license agreements.  See the NOTICE file
    * distributed with this work for additional information
    * regarding copyright ownership.  The ASF licenses this file
    * to you under the Apache License, Version 2.0 (the
    * "License"); you may not use this file except in compliance
    * with the License.  You may obtain a copy of the License at
    *
    *   http://www.apache.org/licenses/LICENSE-2.0
    *
    * Unless required by applicable law or agreed to in writing,
    * software distributed under the License is distributed on an
    * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
    * KIND, either express or implied.  See the License for the
    * specific language governing permissions and limitations
    * under the License.
    */
    
    var _util = require("zrender/lib/core/util");
    
    var each = _util.each;
    
    var parseGeoJson = require("./parseGeoJson");
    
    var _model = require("../../util/model");
    
    var makeInner = _model.makeInner;
    
    var fixNanhai = require("./fix/nanhai");
    
    var fixTextCoord = require("./fix/textCoord");
    
    var fixGeoCoord = require("./fix/geoCoord");
    
    var fixDiaoyuIsland = require("./fix/diaoyuIsland");
    
    /*
    * Licensed to the Apache Software Foundation (ASF) under one
    * or more contributor license agreements.  See the NOTICE file
    * distributed with this work for additional information
    * regarding copyright ownership.  The ASF licenses this file
    * to you under the Apache License, Version 2.0 (the
    * "License"); you may not use this file except in compliance
    * with the License.  You may obtain a copy of the License at
    *
    *   http://www.apache.org/licenses/LICENSE-2.0
    *
    * Unless required by applicable law or agreed to in writing,
    * software distributed under the License is distributed on an
    * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
    * KIND, either express or implied.  See the License for the
    * specific language governing permissions and limitations
    * under the License.
    */
    // Built-in GEO fixer.
    var inner = makeInner();
    var _default = {
      /**
       * @param {string} mapName
       * @param {Object} mapRecord {specialAreas, geoJSON}
       * @return {Object} {regions, boundingRect}
       */
      load: function (mapName, mapRecord) {
        var parsed = inner(mapRecord).parsed;
    
        if (parsed) {
          return parsed;
        }
    
        var specialAreas = mapRecord.specialAreas || {};
        var geoJSON = mapRecord.geoJSON;
        var regions; // https://jsperf.com/try-catch-performance-overhead
    
        try {
          regions = geoJSON ? parseGeoJson(geoJSON) : [];
        } catch (e) {
          throw new Error('Invalid geoJson format\n' + e.message);
        }
    
        each(regions, function (region) {
          var regionName = region.name;
          fixTextCoord(mapName, region);
          fixGeoCoord(mapName, region);
          fixDiaoyuIsland(mapName, region); // Some area like Alaska in USA map needs to be tansformed
          // to look better
    
          var specialArea = specialAreas[regionName];
    
          if (specialArea) {
            region.transformTo(specialArea.left, specialArea.top, specialArea.width, specialArea.height);
          }
        });
        fixNanhai(mapName, regions);
        return inner(mapRecord).parsed = {
          regions: regions,
          boundingRect: getBoundingRect(regions)
        };
      }
    };
    
    function getBoundingRect(regions) {
      var rect;
    
      for (var i = 0; i < regions.length; i++) {
        var regionRect = regions[i].getBoundingRect();
        rect = rect || regionRect.clone();
        rect.union(regionRect);
      }
    
      return rect;
    }
    
    module.exports = _default;

这个JavaScript文件中的函数报错，由于regions为空，调用length出现报错

function getBoundingRect(regions) {
      var rect;
    
      for (var i = 0; i < regions.length; i++) {
        var regionRect = regions[i].getBoundingRect();
        rect = rect || regionRect.clone();
        rect.union(regionRect);
      }
    
      return rect;
    }

3、解决办法

由于使用echarts中的地图，数据取自json文件，检查数据格式是否正确