# 天地图配置指南

## 1. 申请天地图API Key

要使用天地图服务，你需要先申请API Key：

1. 访问天地图官网：https://www.tianditu.gov.cn/
2. 点击右上角"控制台"进入开发者控制台：https://console.tianditu.gov.cn/
3. 注册账号并登录
4. 在控制台中创建应用并获取API Key

## 2. 配置API Key

获取API Key后，需要在项目中配置：

### 方法1：修改配置文件
编辑 `src/config/tianditu.js` 文件，将 `API_KEY` 替换为你的API Key：

```javascript
export const TIANDITU_CONFIG = {
  API_KEY: '你的API_KEY',  // 替换这里
  // ... 其他配置
}
```

### 方法2：直接修改组件
编辑 `src/components/TiandituMap.vue` 文件，找到 `apiKey` 字段并替换：

```javascript
const tiandituConfig = {
  apiKey: '你的API_KEY',  // 替换这里
  // ... 其他配置
}
```

## 3. 启动项目

配置完成后，启动项目：

```bash
npm run dev
```

## 4. 功能说明

- **矢量地图**：显示道路、建筑等矢量信息
- **影像地图**：显示卫星影像
- **图层切换**：点击右上角按钮可以切换不同图层
- **地图交互**：支持缩放、平移等常用地图操作

## 5. 常见问题

### Q: 地图显示空白或加载失败
A: 请确认API Key是否正确配置，并检查网络连接

### Q: 如何修改默认地图中心点？
A: 在 `TiandituMap.vue` 组件中找到 `center` 属性并修改坐标

### Q: 如何添加更多图层？
A: 天地图还提供地形图等其他图层，可以参考官方文档进行配置

## 6. 相关链接

- [天地图官网](https://www.tianditu.gov.cn/)
- [天地图开发者控制台](https://console.tianditu.gov.cn/)
- [天地图API文档](https://lbs.tianditu.gov.cn/server/MapService.html)
- [ArcGIS API for JavaScript](https://developers.arcgis.com/javascript/latest/)