# EnvisionMapProject

**Repository Path**: ocj-app/EnvisionMapProject

## Basic Information

- **Project Name**: EnvisionMapProject
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-12-01
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# EnvisionMapProject
#### 环境
安装node.js
#### 在EnvisionMapProject目录下运行命令行
操作指令:
* npm install 安装项目依赖
* npm run dev 运行项目开发环境
* npm run build 项目打包
#### 效果查看
> 1.项目开发环境后在浏览器中打开http://localhost:3333/即可查看当前项目的页面
<br>2.项目打包后会在build目录下生成bundle.js文件即打包成功，运行indexl.html即可查看效果
<br>3.如果需要修改接口主机ip请修改src->net->NetUtil.js文件的baseUrl的值。 
#### 项目源码文件目录简介
```js
|-build //静态文件
|    |-laydate    //日期控件
|    |-static  //静态资源文件
|    |    |-css    //样式文件
|    |    |-images //leaflet调用图
|    |    |-img    //其他图片
|    |    |-leaflet.css //leaflet调用样式文件
|    |-index.html //主界面文件
|-node_modules   //项目依赖库
|-src 
|    |-components     //地图相关组件
|    |    |-chinesetmsproviders    //瓦片图层提供者
|    |    |   |-leaflet.ChineseTmsProviders.js
|    |    |-pop    //弹窗相关操作
|    |    |   |-custom_pop.js
|    |    |-component.js   //初始化地图所需组件
|    |    |-layerFuncs.js  //图层相关操作
|    |    |-Leaflet.Control.Custom.js  //自定义图层控制器
|    |    |-leafletMap.js  //地图初始化
|    |-layer  //地图各个图层
|    |    |-blowerFanLayer.js  //风机图层
|    |    |-geoJSONLayer.js    //geoJSON测试图层代码
|    |    |-leafletDemoLayer.js    //leaflet api测试图层代码
|    |    |-shipLayer.js   //船舶图层
|    |    |-weatherLayer.js    //天气图层（备用）
|    |-net
|    |    |-FetchUtil.js   //网络请求工具(废弃)
|    |    |-NetUtil.js     //网络请求工具(现用）
|    |-utils
|         |-geoJSONUtil.js     //geoJSON数据处理工具（目前已由服务器处理）
|-index.js    //js统一引用入口
```