echarts 湖南省地图

ECharts是一个强大的JavaScript数据可视化库，它可以创建各种图表，包括地图。在ECharts中，要展示湖南省的地图，你需要使用其内置的地图组件和地理编码服务。以下是一个简单的步骤来实现湖南省地图的可视化：

1. 首先，在HTML中引入ECharts的CDN资源：

<script src="https://cdn.jsdelivr.net/npm/echarts@latest/dist/echarts.min.js"></script>

2. 创建一个空的`<div>`元素用于放置地图：

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

3. 在JavaScript中初始化地图，并设置地图区域为湖南省：

var myChart = echarts.init(document.getElementById('map'));

// 设置地图数据，这里通常使用省份的行政编码
var provinceCode = '430000'; // 湖南省的行政编码，你可以通过ECharts提供的省级行政区划码获取
myChart.setOption({
    map: 'china', // 显示中国地图
    zoom: 1.6, // 初始缩放级别
    center: [113.094375, 28.2045], // 初始中心点位置（长沙经纬度）
    series: [{
        type: 'map',
        mapType: '湖南',
        data: [[provinceCode]], // 选择省份的数据
        roam: true, // 地图可自由缩放
        label: {
            show: false, // 关闭默认标签显示
        },
        markPoint: { // 在地图上添加标记点
            data: [
                { name: '长沙', coord: [113.094375, 28.2045] } // 湖南省省会长沙坐标
            ],
            itemStyle: {
                normal: {
                    symbol: 'pin', // 符号类型
                    symbolSize: 10,
                    color: '#fff' // 标记点颜色
                }
            }
        }
    }]
});