# web_weather

**Repository Path**: james-miller/web_weather

## Basic Information

- **Project Name**: web_weather
- **Description**: 使用vue3+使用高德地图+和风天气，实现一个中国各个省会未来7天内，天气状况
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-11-12
- **Last Updated**: 2024-11-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# app_vue3
```
使用vue3+高德地图+和⻛天⽓，实现中国各个省会未来7天天气预报功能
采用百分比、vh、rem 简单实现响应式布局
```

## Project setup 加载相关依赖
```
npm install
```

### 高德地图API接入参考文档
```
官⽹:https://lbs.amap.com/
API⽂档:https://lbs.amap.com/api/javascript-api/summary
注意事项：高德地图需要应用key+安全密钥一起使用，否则无法获取正常的服务数据
```

### 和风（天气预报数据）接入参考文档
```
官网 : https://www.qweather.com/
API⽂档 : https://dev.qweather.com/docs/api/
注意事项：和风天气需要应用key，否则无法获取正常的服务数据
```

### 特别注意事项
```
拉去项目后，安装相关依赖进行初始化
（1）高德地图需要配置自己在高德地图平台申请的应用key和安全密钥
（2）和风天气相关接口需要配置在该平台申请的应用key
修改位置：Map.vue文件----->//配置内容区域,自信修改
```

### Compiles and hot-reloads for development 启动服务
```
npm run serve
```

### Compiles and minifies for production 项目打包
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).