唯杰地图VJMAP示例项目教程

唯杰地图VJMAP示例项目教程

vjmap-playground此工程为唯杰地图vjmap示例的所有源代码。`唯杰地图VJMAP`为`CAD`图或`自定义地图格式`WebGIS`可视化`显示开发提供的一站式解决方案，支持的格式如常用的`AutoCAD`的`DWG`格式文件、`GeoJSON`等常用`GIS`文件格式，它使用WebGL`矢量图块`和`栅格瓦片`呈现交互式地图, 实现了`CAD`与`GIS`完美结合。此示例的所有源代码实现了对CAD图纸的上传、打开、版本管理、属性查询、图层开关、批注、数据展示、互联网地图叠加、绘图等功能。项目地址:https://gitcode.com/gh_mirrors/vj/vjmap-playground

1. 项目的目录结构及介绍

vjmap-playground/
├── assets/
├── css/
├── js/
├── src/
│   ├── example1/
│   ├── example2/
│   └── ...
├── LICENSE
├── README.md
├── globals.d.ts
├── index.html
├── jsconfig.json

• assets/: 存放项目资源文件。
• css/: 存放样式文件。
• js/: 存放JavaScript文件。
• src/: 存放示例文件，每个示例都是独立的例子，都能单独运行。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文件。
• globals.d.ts: 全局类型定义文件。
• index.html: 项目入口文件。
• jsconfig.json: JavaScript配置文件。

2. 项目的启动文件介绍

项目的启动文件是 index.html。这个文件是项目的入口点，包含了加载和初始化项目的必要代码。为了确保所有资源正确加载，建议通过HTTP服务器运行项目。

运行方法

方法一（需要有node环境）

npm install -g live-server
cd vjmap-playground
live-server

方法二（vscode环境）

1. 在vscode里面安装插件Live Server。
2. 打开项目目录，选择一个html页面，右键选择Open With Live Server。

3. 项目的配置文件介绍

项目的配置文件主要是 jsconfig.json。这个文件用于配置JavaScript项目的编译选项和路径设置。以下是一个示例配置：

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "allowJs": true,
    "checkJs": true,
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*"]
}

• compilerOptions: 编译选项，包括目标ECMAScript版本、模块系统、是否允许JavaScript文件等。
• include: 指定包含的文件或目录。

通过这些配置，可以确保项目在开发和构建过程中的一致性和正确性。

vjmap-playground此工程为唯杰地图vjmap示例的所有源代码。`唯杰地图VJMAP`为`CAD`图或`自定义地图格式`WebGIS`可视化`显示开发提供的一站式解决方案，支持的格式如常用的`AutoCAD`的`DWG`格式文件、`GeoJSON`等常用`GIS`文件格式，它使用WebGL`矢量图块`和`栅格瓦片`呈现交互式地图, 实现了`CAD`与`GIS`完美结合。此示例的所有源代码实现了对CAD图纸的上传、打开、版本管理、属性查询、图层开关、批注、数据展示、互联网地图叠加、绘图等功能。项目地址:https://gitcode.com/gh_mirrors/vj/vjmap-playground