vue中echart乡镇地图报错Error: Invalid geoJson format Cannot read properties of undefined (reading ‘length‘)

weixin_39983904

于 2021-11-01 13:19:02 发布

阅读量1.8k

点赞数

分类专栏： echart乡镇地图json 文章标签： vue.js javascript echarts

本文链接：https://blog.youkuaiyun.com/weixin_39983904/article/details/121078243

版权

在Vue项目中使用ECharts乡镇地图时遇到错误：Error: Invalid geoJson format，提示Cannot read properties of undefined (reading 'length')。解决方法是深入到node_modules的parseGeoJson.js文件中，替换parseGeoJSON函数为提供的修复函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中echart使用乡镇地图报错Error: Invalid geoJson format Cannot read properties of undefined (reading ‘length’)解决办法
按下图文件位置结构在node_modules找到parseGeoJson.js文件
在这里插入图片描述
在parseGeoJSON.js文件中找到parseGeoJSON函数用下边的同名函数将其替换即可

export default function parseGeoJSON(geoJson, nameProperty) {
  geoJson = decode(geoJson);
  return zrUtil.map(zrUtil.filter(geoJson.features, function (featureObj) {
    // Output of mapshaper may have geometry null
    // return featureObj.geometry && featureObj.properties && featureObj.geometry.coordinates.length > 0;
    return featureObj.geometry && featureObj.properties && (
      // avoid length error if missing coordinates
      (featureObj.geometry.coordinates && featureObj.geometry.coordinates.length > 0)
      // allow GeometryCo

最低0.47元/天解锁文章