Uncaught Error:Invalid geoJson format Cannot read property ‘length‘ of undefind

contrast geojson Data discovery , The reason for the error is that there are GeometryCollection There is . After analysis , Because one area in the generated map is two discontinuous map blocks , So the resulting geoJson In this area geometry.type===GeometryCollection. However ,echarts This type is not handled in , For details, see

Visit the official github Warehouse ,issues There is a corresponding solution , https://github.com/apache/echarts/issues/9350

Two 、 Modification method

If the function is the same , You can directly copy and paste the following paragraph , Other situations , Please refer to the following figure. 2 Modify the logic at the beginning and change it by yourself .

export default function parseGeoJson(geoJson, nameProperty) {
    
  decode(geoJson);
  return zrUtil.map(
      zrUtil.filter(geoJson.features, function(featureObj) {
    
          if (featureObj.geometry.geometries) {
    
              let geometry = featureObj.geometry.geometries.map(i => {
    
                  return i.coordinates;
              });
              let {
     type, properties, ...params } = featureObj;
              return {
     type, properties, geometry };
          }
          // Output of mapshaper may have geometry null
          return (
              featureObj.geometry &&
              featureObj.properties &&
              featureObj.geometry.coordinates &&
              featureObj.geometry.coordinates.length > 0
          );
      }),
      function(featureObj) {
    
          var properties = featureObj.properties;
          var geo = featureObj.geometry;
          var coordinates = geo.coordinates;
          var geometries = [];

          if (geo.type === "GeometryCollection") {
    
              let geometry = {
    
                  type: "Polygon"
              };
              let coordinatesArr = featureObj.geometry.geometries.map(i => {
    
                  return i.coordinates;
              });
              geometry.coordinates = coordinatesArr;
              console.log(coordinatesArr, "coordinatesArr");
              coordinatesArr.forEach(i => {
    
                  geometries.push({
    
                      type: "polygon",
                      // According to the GeoJSON specification.
                      // First must be exterior, and the rest are all interior(holes).
                      exterior: i[0],
                      interiors: i.slice(1)
                  });
              });
          }
          if (geo.type === "Polygon") {
    
              console.log("coordinatesPolygon", coordinates);
              geometries.push({
    
                  type: "polygon",
                  // According to the GeoJSON specification.
                  // First must be exterior, and the rest are all interior(holes).
                  exterior: coordinates[0],
                  interiors: coordinates.slice(1)
              });
          }

          if (geo.type === "MultiPolygon") {
    
              zrUtil.each(coordinates, function(item) {
    
                  if (item[0]) {
    
                      geometries.push({
    
                          type: "polygon",
                          exterior: item[0],
                          interiors: item.slice(1)
                      });
                  }
              });
          }
          console.log(
              properties[nameProperty || "name"],
              geometries,
              properties.cp,
              "asdfasdfasdf"
          );
          var region = new GeoJSONRegion(
              properties[nameProperty || "name"],
              geometries,
              properties.cp
          );
          region.properties = properties;
          return region;
      }
  );
}

What needs to be revised parseGeoJson Function 2 It's about ：echarts The source code in 116 Row or so

Reprinted from