# openlayers地图大屏项目模板

**Repository Path**: DengDeng66/screenTemplate

## Basic Information

- **Project Name**: openlayers地图大屏项目模板
- **Description**: vue2大屏自适应模板，包含openlayers地图，echarts图表。有两种布局模板，第一种包含8个模块，地图包裹在盒子中；第二种6个模块，地图作为背景展示。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-05-31
- **Last Updated**: 2025-05-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目简介
这套模板作为项目常用UI布局，分为两种：   
1、地图作为模块被框起来的布局，对应文件Home.vue   
2、地图作为背景的布局，对应文件Second.vue   
首页的内容元素分为8个模块框，以组件的方式引入，类别有：图表、文字滚动、静态文字展示。同时支持不同分辨率的展示。
登录页也做了常规的布局：大背景图+登录框。

## 系统截图
### 地图作为模块展示的布局
![img.png](src/assets/images/md-pic/img.png)

### 地图作为背景展示的布局
![img_1.png](src/assets/images/md-pic/img_1.png)


## Project setup
```
npm install
```

### 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/).

### 相关链接
eslint：https://eslint.bootcss.com/  
ElementUI：https://element.eleme.io/#/zh-CN/component/installation  
OpenLayers：https://openlayers.org/  
dataV: http://datav.jiaminghi.com/guide/