echarts导入geojson文件数据绘制自定义地图的代码

以下是使用 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. 接着，使用 ECharts 的 `geoJson` 组件导入 GeoJSON 数据：

// 导入 GeoJSON 数据
$.getJSON('custom-map.geojson', function (geoJson) {
    echarts.registerMap('customMap', geoJson, {
        // 自定义地图的配置项
    });

    // 渲染地图
    var chart = echarts.init(document.getElementById('map'));
    chart.setOption({
        // 其他配置项
        series: [
            {
                type: 'map',
                map: 'customMap', // 使用自定义地图
                // 其他配置项
            }
        ]
    });
});

4. 最后，在 `getJSON` 方法中指定 GeoJSON 文件的路径，即可导入并使用自定义地图。

注意：在代码中使用了 jQuery 库的 `getJSON` 方法来加载 GeoJSON 数据，需要确保已经引入了 jQuery 库。如果不想使用 jQuery 库，也可以使用原生的 `XMLHttpRequest` 对象来加载 GeoJSON 数据。

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