1.8 KiB
1.8 KiB
天地图配置指南
1. 申请天地图API Key
要使用天地图服务，你需要先申请API Key：
- 访问天地图官网：https://www.tianditu.gov.cn/
- 点击右上角"控制台"进入开发者控制台：https://console.tianditu.gov.cn/
- 注册账号并登录
- 在控制台中创建应用并获取API Key
2. 配置API Key
获取API Key后，需要在项目中配置：
方法1：修改配置文件
编辑 src/config/tianditu.js 文件，将 API_KEY 替换为你的API Key：
export const TIANDITU_CONFIG = {
API_KEY: '你的API_KEY', // 替换这里
// ... 其他配置
}
方法2：直接修改组件
编辑 src/components/TiandituMap.vue 文件，找到 apiKey 字段并替换：
const tiandituConfig = {
apiKey: '你的API_KEY', // 替换这里
// ... 其他配置
}
3. 启动项目
配置完成后，启动项目：
npm run dev
4. 功能说明
- 矢量地图：显示道路、建筑等矢量信息
- 影像地图：显示卫星影像
- 图层切换：点击右上角按钮可以切换不同图层
- 地图交互：支持缩放、平移等常用地图操作
5. 常见问题
Q: 地图显示空白或加载失败
A: 请确认API Key是否正确配置，并检查网络连接
Q: 如何修改默认地图中心点？
A: 在 TiandituMap.vue 组件中找到 center 属性并修改坐标
Q: 如何添加更多图层？
A: 天地图还提供地形图等其他图层，可以参考官方文档进行配置