import React, { useMemo } from 'react';
import * as echarts from 'echarts';
import suyangGeoJson from './data_full/shuyang_full.json';
import ReactEcharts from 'echarts-for-react';
import { merge } from 'lodash';
import { getOption } from './data';
import "./index.css";

var ChinaMap = function ChinaMap(_ref) {
  var data = _ref.data,
      _ref$width = _ref.width,
      width = _ref$width === void 0 ? 1134 : _ref$width,
      _ref$height = _ref.height,
      height = _ref$height === void 0 ? 1104 : _ref$height,
      optionProps = _ref.optionProps;
  // 地图初始化
  var options = getOption(data); // 按需求注入对应地图数据

  echarts.registerMap('沭阳县', suyangGeoJson);
  useMemo(function () {
    if (optionProps) {
      options = merge(options, optionProps);
    }
  }, [optionProps]);
  return /*#__PURE__*/React.createElement("div", {
    className: 'content_center_map'
  }, /*#__PURE__*/React.createElement(ReactEcharts, {
    option: options,
    style: {
      width: width,
      height: height
    }
  }));
};

export default ChinaMap;