Echarts地图初始化的问题echarts地图初始化需要地图的json数据,如果是下载的json数据,直接引入就可以了

echarts地图初始化需要地图的json数据,如果是下载的json数据,直接引入就可以了,放入geoJSON 如果是从接口中获取json数据,需要注意的是,在组件外获取直接调用接口注册地图即可,在组件内注册可以使用useEffect进行调用注册地图

// 注册地图
mapJson().then((res) => {
  if (res.isSuccess)
    echarts.registerMap('zhengzhou', {
      geoJSON: JSON.parse(JSON.stringify(res.data)),
      specialAreas: {},
    }); 
});

 // 获取地图数据,注册地图
  useEffect(() => {
    mapDataJson().then((res) => {
      if (res.isSuccess)
        echarts.registerMap("zhengzhou", {
          geoJSON: JSON.parse(JSON.stringify(res.data)),
          specialAreas: {},
        });
    });
  }, []);