## 系统运行说明

### 安装依赖

```
npm install
```

### 本地运行

```
npm run serve
```

### 系统编译

```
npm run build
```

## 系统开发说明

### 基础图层选择功能：

支持切换不同基础底图（如卫星图、电子地图、地形地貌图）；提供基础图层开启/关闭控制（如道路、水系、行政区划、交通枢纽等辅助图层）

### 园区范围图层功能：

加载并展示各工业园区（张江高新区青浦园、青浦综合保税区等）的边界范围图层；支持按园区名称快速检索定位对应范围图层

### 三产企业撒点功能：

基于企业坐标数据，实现第一、二、三产业企业在地图上的精准撒点展示；支持按产业大类（三产）快速筛选显示对应企业点位，可单独展示某一产业或多产业叠加展示

### 三产企业点位分布产业类型图表展示功能：

不同产业类型企业点位采用差异化视觉标识（颜色、形状、大小区分，如数字产业红色、智能制造蓝色、绿色新材料黄色等）；集聚程度柱状图/饼图，可关联查看产业占比、集聚密度等数据可视化图表
法人库数据关联功能：与法人库系统对接，实现企业点位与法人信息（统一社会信用代码、企业名称、法人姓名、成立时间等）的实时关联；支持通过法人库关键字段（如企业名称、信用代码）检索定位对应企业点位

### 企业点位交互弹窗功能：

点击地图上的企业点位，弹出详情弹窗；弹窗内展示关联的企业核心信息（含法人库基础信息、产业类别、经营地址、主营业务、联系方式等）

### 园区范围交互弹窗功能：

点击地图上的园区范围区域，弹出园区详情弹窗；弹窗内展示园区核心信息（园区名称、规划面积、主导产业、入驻企业数量、配套设施、联系方式等）

### 深拷贝使用说明

```javascript
import deepClone from "deep-clone";

const foo = { bar: "baz" };
const fooClone = deepClone(foo);
```

### 地图操作示例

```javascript
//地图相关全局变量在 public/static/config/config.js 中定义
map2DViewer.map.setView([31.074472887639914, 121.72521988031804], 16);
```

### 地图公共方法

```javascript
//地图相关全局变量在 src/utils/publicFunction.js 中定义
//调用示例如下
import publicFun from "@/utils/publicFunction.js";
var guid = publicFun.buildGuid("baseLayer");
```

### 要有地图服务，所以需要登录获取 token

#### 业务数据说明

所有的数据保存在本地，可以加密存储，读取时先解密后使用