MapStore

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

待解决问题

• Mar3dMap 拓展其他类型图层

项目结构

├── public
   └── config.js                   // 全局配置文件，目前涉及屏幕设计尺寸、三维场景底图配置。
├── src
   ├── assets                      // 静态资源
       ├──fonts                    // 字体
       ├──icons
          ├──svg                   // svg图标，放入该文件夹便可以在组件中使用，用法参考vite/svg-icon.js

   ├── components
       ├──charts                   // 图表组件
       ├──common                   // 通用组件
       ├──popup                    // 地图弹框组件
   ├── layout                      // 布局组件
   ├── mitt                        // 跨组件通信事件管理工具
   ├── router                      // 路由
   ├── stores                      // 状态管理
   ├── utils                       // 工具类
   ├── views                       // 视图页面
   ├── zmap                        // 基于Mapbox，二维地图封装

   ├── zmap-3d                     // 基于Mar3d，三维地图封装
       ├──configs                  // 专题场景图层与镜头配置
          ├──themes                // 专题图层配置文件夹
          ├──cameraList.js         // 专题镜头配置
          ├──layerMap.js           // 图层映射
       ├──contral                  // 图层控制器
       ├──mars3D                   // 三维图层封装
   ├── App.vue
   ├── main.js
   ├── vite                        // vite插件配置，目前有vue自动导包、svg-icon注册等
   ├── index.html
   ├── postcss.config.cjs          // css预编译设置，目前设计稿为3840*1080，将px自动转为rem适配
   └── vite.config.ts