echarts导入自定义地图的geojson文件代码

在Charts 中导入自定义地图，需要用到 ECharts 的地图组件和 GeoJSON 数据格式。以下是导入自定义地图的代码示例：

1. 首先，需要引入 ECharts 库和地图组件：

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.1/echarts.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.1/echarts-gl.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.1/extension/dataTool.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.1/extension/bmap.min.js"></script>

2. 然后，需要定义一个容器用于渲染地图：

<div id="map" style="width: 100%; height: 600px;"></div>

3. 接着，定义一个 JavaScript 对象，用于存储自定义地图的配置信息：

var geoCoordMap = {
    '上海': [121.4648, 31.2891],
    '东莞': [113.8953, 22.901],
    '东营': [118.7073, 37.5513],
    // 自定义地图的坐标信息
};

var mapName = 'customMap'; // 地图名称

var geoJson = {
    type: 'FeatureCollection',
    features: [
        {
            type: 'Feature',
            properties: {
                name: '上海'
            },
            geometry: {
                type: 'Polygon',
                coordinates: [
                    [
                        [121.4648, 31.2891],
                        [121.4648, 31.1791],
                        [121.6548, 31.1791],
                        [121.6548, 31.2891],
                        [121.4648, 31.2891]
                    ]
                ]
            }
        },
        // 自定义地图的 GeoJSON 数据
    ]
};

4. 然后，使用 ECharts 的 `registerMap` 方法注册自定义地图：

echarts.registerMap(mapName, geoJson, {
    // 自定义地图的配置项
    geoJson: {
        // GeoJSON 数据是否显示在 tooltip 中，默认为 true
        showGeoJson: false
    },
    // 自定义地图的坐标信息
    specialAreas: geoCoordMap
});

5. 最后，在 ECharts 中使用注册好的自定义地图：

var option = {
    // 其他配置项
    series: [
        {
            type: 'map',
            map: mapName, // 使用自定义地图
            // 其他配置项
        }
    ]
};

// 渲染地图
var chart = echarts.init(document.getElementById('map'));
chart.setOption(option);

以上就是使用 ECharts 导入自定义地图的代码示例。可以根据实际情况修改自定义地图的配置信息和渲染方式。