# 图片放置说明

请将您的地图图片放置到此文件夹中:

## 必需的图片文件

### 1. 全国地图
- **文件名**: `china.png`
- **格式**: PNG (推荐) 或 WebP
- **用途**: 客户分布地图 - 全国视图
- **来源**: 您提供的 `全国.png`

### 2. 河南省地图
- **文件名**: `henan.png` 或 `henan.webp`
- **格式**: PNG (推荐) 或 WebP
- **用途**: 河南省客户分布地图
- **来源**: 您提供的 `河南.webp`

## 图片要求

- **分辨率**: 建议 800x600 或更高
- **清晰度**: 确保省市边界清晰可见
- **格式**: PNG格式支持透明背景,推荐使用
- **大小**: 建议不超过 2MB

## 如何配置热区坐标

地图热区需要在 `js/app.js` 中配置:

### 中国地图热区
在 `app.js` 中找到 `chinaMapHotspots` 配置对象:

```javascript
chinaMapHotspots: {
    '新疆': '50,80,200,70,220,140,180,180,80,160',
    '河南': '370,185,435,180,440,245,375,250',
    // ... 其他省份
}
```

### 河南省地图热区
在 `app.js` 中找到 `henanMapHotspots` 配置对象:

```javascript
henanMapHotspots: {
    '郑州市': '175,95,220,90,225,135,180,140',
    '开封市': '225,90,280,85,285,130,230,135',
    // ... 其他城市
}
```

### 使用在线工具生成坐标

1. 访问: https://imagemap-generator.dariodossena.com/
2. 上传您的地图图片
3. 使用多边形工具在图片上绘制每个省市区域
4. 复制生成的坐标(格式: x1,y1,x2,y2,x3,y3,...)
5. 将坐标粘贴到对应的配置中

## 临时解决方案

如果暂时没有图片:
- 系统会显示占位提示
- 下方提供完整的省市列表
- 点击列表中的省市同样可以查看客户

## 快速测试

1. 将图片放入此文件夹
2. 刷新浏览器页面
3. 地图会自动加载并显示热区
4. 点击地图上的区域查看客户列表

## 需要帮助?

如果需要帮助配置热区坐标,可以:
1. 使用在线工具生成坐标
2. 或者联系技术支持
3. 或者暂时使用列表视图功能
