临时测试

package-lock.json

@@ -13,7 +13,9 @@
         "axios": "^1.4.0",
         "buzz": "^1.2.1",
         "core-js": "^3.8.3",
-        "echarts": "^4.9.0",
+        "echart": "^0.1.3",
+        "echarts": "^5.1.2",
+        "echarts-gl": "^2.0.9",
         "howler": "^2.2.3",
         "js-cookie": "^3.0.5",
         "moment": "^2.29.4",
@@ -3387,7 +3389,6 @@
     },
     "node_modules/accepts": {
       "version": "1.3.8",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "mime-types": "~2.1.34",
@@ -3585,7 +3586,6 @@
     },
     "node_modules/any-promise": {
       "version": "1.3.0",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/anymatch": {
@@ -4026,6 +4026,18 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/cache-content-type": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/cache-content-type/-/cache-content-type-1.0.1.tgz",
+      "integrity": "sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==",
+      "dependencies": {
+        "mime-types": "^2.1.18",
+        "ylru": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/call-bind": {
       "version": "1.0.5",
       "dev": true,
@@ -4190,6 +4202,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/claygl": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/claygl/-/claygl-1.3.0.tgz",
+      "integrity": "sha512-+gGtJjT6SSHD2l2yC3MCubW/sCV40tZuSs5opdtn79vFSGUgp/lH139RNEQ6Jy078/L0aV8odCw8RSrUcMfLaQ=="
+    },
     "node_modules/clean-css": {
       "version": "5.3.3",
       "dev": true,
@@ -4362,6 +4379,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmmirror.com/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
     "node_modules/color-convert": {
       "version": "1.9.3",
       "dev": true,
@@ -4483,7 +4509,6 @@
     },
     "node_modules/content-disposition": {
       "version": "0.5.4",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "safe-buffer": "5.2.1"
@@ -4494,7 +4519,6 @@
     },
     "node_modules/content-type": {
       "version": "1.0.5",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -4518,6 +4542,18 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/cookies": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmmirror.com/cookies/-/cookies-0.9.1.tgz",
+      "integrity": "sha512-TG2hpqe4ELx54QER/S3HQ9SRVnQnGBtKUz5bLQWtYAQ+o6GpgMs6sYUvaiJjVxb+UXwhRhAEP3m7LbsIZ77Hmw==",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "keygrip": "~1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/copy-anything": {
       "version": "2.0.6",
       "dev": true,
@@ -4892,7 +4928,6 @@
     },
     "node_modules/debug": {
       "version": "4.3.4",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "2.1.2"
@@ -4906,6 +4941,11 @@
         }
       }
     },
+    "node_modules/deep-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/deep-equal/-/deep-equal-1.0.1.tgz",
+      "integrity": "sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw=="
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "dev": true,
@@ -5039,9 +5079,13 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ=="
+    },
     "node_modules/depd": {
       "version": "2.0.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -5049,7 +5093,6 @@
     },
     "node_modules/destroy": {
       "version": "1.2.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.8",
@@ -5211,16 +5254,54 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/echart": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmmirror.com/echart/-/echart-0.1.3.tgz",
+      "integrity": "sha512-DbTrEjHnYrSEqzRBkLhVs0T512ZZwSDW8hIE57lY2Rwui5j6sdFoO37W0tDq/Tb7Q25MaRAwiQMkMCzOX4FjWw==",
+      "dependencies": {
+        "koa": "^2.2.0",
+        "koa-router": "^7.1.1"
+      },
+      "bin": {
+        "mock": "bin/mock"
+      }
+    },
     "node_modules/echarts": {
-      "version": "4.9.0",
-      "license": "Apache-2.0",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.1.2.tgz",
+      "integrity": "sha512-okUhO4sw22vwZp+rTPNjd/bvTdpug4K4sHNHyrV8NdAncIX9/AarlolFqtJCAYKGFYhUBNjIWu1EznFrSWTFxg==",
+      "dependencies": {
+        "tslib": "2.0.3",
+        "zrender": "5.1.1"
+      }
+    },
+    "node_modules/echarts-gl": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmmirror.com/echarts-gl/-/echarts-gl-2.0.9.tgz",
+      "integrity": "sha512-oKeMdkkkpJGWOzjgZUsF41DOh6cMsyrGGXimbjK2l6Xeq/dBQu4ShG2w2Dzrs/1bD27b2pLTGSaUzouY191gzA==",
       "dependencies": {
-        "zrender": "4.3.2"
+        "claygl": "^1.2.1",
+        "zrender": "^5.1.1"
+      },
+      "peerDependencies": {
+        "echarts": "^5.1.2"
+      }
+    },
+    "node_modules/echarts/node_modules/tslib": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.0.3.tgz",
+      "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ=="
+    },
+    "node_modules/echarts/node_modules/zrender": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.1.1.tgz",
+      "integrity": "sha512-oeWlmUZPQdS9f5hK4pV21tHPqA3wgQ7CkKkw7l0CCBgWlJ/FP+lRgLFtUBW6yam4JX8y9CdHJo1o587VVrbcoQ==",
+      "dependencies": {
+        "tslib": "2.0.3"
       }
     },
     "node_modules/ee-first": {
       "version": "1.1.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
@@ -5243,7 +5324,6 @@
     },
     "node_modules/encodeurl": {
       "version": "1.0.2",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -5340,7 +5420,6 @@
     },
     "node_modules/escape-html": {
       "version": "1.0.3",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/escape-string-regexp": {
@@ -6354,7 +6433,6 @@
     },
     "node_modules/fresh": {
       "version": "0.5.2",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -6570,7 +6648,6 @@
     },
     "node_modules/has-symbols": {
       "version": "1.0.3",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -6579,6 +6656,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/hash-sum": {
       "version": "2.0.0",
       "dev": true,
@@ -6766,6 +6857,49 @@
         "entities": "^2.0.0"
       }
     },
+    "node_modules/http-assert": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/http-assert/-/http-assert-1.5.0.tgz",
+      "integrity": "sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==",
+      "dependencies": {
+        "deep-equal": "~1.0.1",
+        "http-errors": "~1.8.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-assert/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/http-assert/node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmmirror.com/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/http-assert/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/http-deceiver": {
       "version": "1.2.7",
       "dev": true,
@@ -7020,6 +7154,20 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmmirror.com/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "dev": true,
@@ -7272,6 +7420,17 @@
         "graceful-fs": "^4.1.6"
       }
     },
+    "node_modules/keygrip": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/keygrip/-/keygrip-1.1.0.tgz",
+      "integrity": "sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==",
+      "dependencies": {
+        "tsscmp": "1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "dev": true,
@@ -7296,6 +7455,164 @@
         "node": ">= 8"
       }
     },
+    "node_modules/koa": {
+      "version": "2.15.3",
+      "resolved": "https://registry.npmmirror.com/koa/-/koa-2.15.3.tgz",
+      "integrity": "sha512-j/8tY9j5t+GVMLeioLaxweJiKUayFhlGqNTzf2ZGwL0ZCQijd2RLHK0SLW5Tsko8YyyqCZC2cojIb0/s62qTAg==",
+      "dependencies": {
+        "accepts": "^1.3.5",
+        "cache-content-type": "^1.0.0",
+        "content-disposition": "~0.5.2",
+        "content-type": "^1.0.4",
+        "cookies": "~0.9.0",
+        "debug": "^4.3.2",
+        "delegates": "^1.0.0",
+        "depd": "^2.0.0",
+        "destroy": "^1.0.4",
+        "encodeurl": "^1.0.2",
+        "escape-html": "^1.0.3",
+        "fresh": "~0.5.2",
+        "http-assert": "^1.3.0",
+        "http-errors": "^1.6.3",
+        "is-generator-function": "^1.0.7",
+        "koa-compose": "^4.1.0",
+        "koa-convert": "^2.0.0",
+        "on-finished": "^2.3.0",
+        "only": "~0.0.2",
+        "parseurl": "^1.3.2",
+        "statuses": "^1.5.0",
+        "type-is": "^1.6.16",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": "^4.8.4 || ^6.10.1 || ^7.10.1 || >= 8.1.4"
+      }
+    },
+    "node_modules/koa-compose": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/koa-compose/-/koa-compose-4.1.0.tgz",
+      "integrity": "sha512-8ODW8TrDuMYvXRwra/Kh7/rJo9BtOfPc6qO8eAfC80CnCvSjSl0bkRM24X6/XBBEyj0v1nRUQ1LyOy3dbqOWXw=="
+    },
+    "node_modules/koa-convert": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/koa-convert/-/koa-convert-2.0.0.tgz",
+      "integrity": "sha512-asOvN6bFlSnxewce2e/DK3p4tltyfC4VM7ZwuTuepI7dEQVcvpyFuBcEARu1+Hxg8DIwytce2n7jrZtRlPrARA==",
+      "dependencies": {
+        "co": "^4.6.0",
+        "koa-compose": "^4.1.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/koa-router": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npmmirror.com/koa-router/-/koa-router-7.4.0.tgz",
+      "integrity": "sha512-IWhaDXeAnfDBEpWS6hkGdZ1ablgr6Q6pGdXCyK38RbzuH4LkUOpPqPw+3f8l8aTDrQmBQ7xJc0bs2yV4dzcO+g==",
+      "deprecated": "**IMPORTANT 10x+ PERFORMANCE UPGRADE**: Please upgrade to v12.0.1+ as we have fixed an issue with debuglog causing 10x slower router benchmark performance, see https://github.com/koajs/router/pull/173",
+      "dependencies": {
+        "debug": "^3.1.0",
+        "http-errors": "^1.3.1",
+        "koa-compose": "^3.0.0",
+        "methods": "^1.0.1",
+        "path-to-regexp": "^1.1.1",
+        "urijs": "^1.19.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/koa-router/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/koa-router/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa-router/node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmmirror.com/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa-router/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmmirror.com/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
+    },
+    "node_modules/koa-router/node_modules/koa-compose": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmmirror.com/koa-compose/-/koa-compose-3.2.1.tgz",
+      "integrity": "sha512-8gen2cvKHIZ35eDEik5WOo8zbVp9t4cP8p4hW4uE55waxolLRexKKrqfCpwhGVppnB40jWeF8bZeTVg99eZgPw==",
+      "dependencies": {
+        "any-promise": "^1.1.0"
+      }
+    },
+    "node_modules/koa-router/node_modules/path-to-regexp": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
+      "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+      "dependencies": {
+        "isarray": "0.0.1"
+      }
+    },
+    "node_modules/koa-router/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa/node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmmirror.com/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa/node_modules/http-errors/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/launch-editor": {
       "version": "2.6.1",
       "dev": true,
@@ -7755,7 +8072,6 @@
     },
     "node_modules/media-typer": {
       "version": "0.3.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -7800,7 +8116,6 @@
     },
     "node_modules/methods": {
       "version": "1.1.2",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -7993,7 +8308,6 @@
     },
     "node_modules/ms": {
       "version": "2.1.2",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/multicast-dns": {
@@ -8056,7 +8370,6 @@
     },
     "node_modules/negotiator": {
       "version": "0.6.3",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -8245,7 +8558,6 @@
     },
     "node_modules/on-finished": {
       "version": "2.4.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ee-first": "1.1.1"
@@ -8283,6 +8595,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/only": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmmirror.com/only/-/only-0.0.2.tgz",
+      "integrity": "sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ=="
+    },
     "node_modules/open": {
       "version": "8.4.2",
       "dev": true,
@@ -8519,7 +8836,6 @@
     },
     "node_modules/parseurl": {
       "version": "1.3.3",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -9734,7 +10050,6 @@
     },
     "node_modules/safe-buffer": {
       "version": "5.2.1",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -10029,7 +10344,6 @@
     },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/shallow-clone": {
@@ -10735,7 +11049,6 @@
     },
     "node_modules/toidentifier": {
       "version": "1.0.1",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.6"
@@ -10855,6 +11168,14 @@
       "dev": true,
       "license": "0BSD"
     },
+    "node_modules/tsscmp": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmmirror.com/tsscmp/-/tsscmp-1.0.6.tgz",
+      "integrity": "sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==",
+      "engines": {
+        "node": ">=0.6.x"
+      }
+    },
     "node_modules/tsutils": {
       "version": "3.21.0",
       "dev": true,
@@ -10895,7 +11216,6 @@
     },
     "node_modules/type-is": {
       "version": "1.6.18",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "media-typer": "0.3.0",
@@ -11011,6 +11331,11 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/urijs": {
+      "version": "1.19.11",
+      "resolved": "https://registry.npmmirror.com/urijs/-/urijs-1.19.11.tgz",
+      "integrity": "sha512-HXgFDgDommxn5/bIv0cnQZsPhHDA90NPHD6+c/v21U5+Sx5hoP8+dP9IZXBU1gIfvdRfhG8cel9QNPeionfcCQ=="
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "license": "MIT"
@@ -11052,7 +11377,6 @@
     },
     "node_modules/vary": {
       "version": "1.1.2",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -11873,6 +12197,14 @@
         "node": ">=10"
       }
     },
+    "node_modules/ylru": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/ylru/-/ylru-1.4.0.tgz",
+      "integrity": "sha512-2OQsPNEmBCvXuFlIni/a+Rn+R2pHW9INm0BxXJ4hVDA8TirqMj+J/Rp9ItLatT/5pZqWwefVrTQcHpixsxnVlA==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
     "node_modules/yorkie": {
       "version": "2.0.0",
       "dev": true,
@@ -11976,8 +12308,17 @@
       "license": "ISC"
     },
     "node_modules/zrender": {
-      "version": "4.3.2",
-      "license": "BSD-3-Clause"
+      "version": "5.6.0",
+      "resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.6.0.tgz",
+      "integrity": "sha512-uzgraf4njmmHAbEUxMJ8Oxg+P3fT04O+9p7gY+wJRVxo8Ge+KmYv0WJev945EH4wFuc4OY2NLXz46FZrWS9xJg==",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
+    },
+    "node_modules/zrender/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
     }
   }
 }

package.json

@@ -14,7 +14,9 @@
     "axios": "^1.4.0",
     "buzz": "^1.2.1",
     "core-js": "^3.8.3",
-    "echarts": "^4.9.0",
+    "echart": "^0.1.3",
+    "echarts": "^5.1.2",
+    "echarts-gl": "^2.0.9",
     "howler": "^2.2.3",
     "js-cookie": "^3.0.5",
     "moment": "^2.29.4",

src/router/index.ts

@@ -2,6 +2,14 @@ import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
 import Login from '../views/login/index.vue'
 import Error404 from '../views/error404/index.vue'
 const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/about1',
+    name: 'about1',
+    // route level code-splitting
+    // this generates a separate chunk (about.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import(/* webpackChunkName: "about" */ '../views/about1/index.vue')
+  },
   {
     path: '/about',
     name: 'about',

src/views/about/index.vue

@@ -1,224 +1,294 @@
 <template>
   <div class="W-full pr30 pl30 pt30 bg-green">
     <div class="mr-auto ml-auto w877 relative bg-black">
-      <img
+      <!-- <img
         id="bg"
-        style="width: 877px; height: 867px"
+        style="width: 877px; height: 866px"
         src="http://www.bigemap.com/map_source/satel/small/14.png"
-      />
+      /> -->
       <canvas width="877" height="968" id="fuzhou"></canvas>
     </div>
   </div>
 </template>
-
 <script lang="ts">
 import { defineComponent, onMounted } from "vue";
-import api from "@/api";
-import router from "@/router";
-import fuzhou_full from "@/assets/json/福州市v2_full.json";
-import fujian_full from "@/assets/json/福建省v3_full.json";
-import fujian from "@/assets/json/福建省v3.json";
-import echarts from "echarts";
-import img149 from "@/assets/img/about/149.png";
-// import echarts from 'echarts'
-const logOut = () => {
-  api.login.logout().then((res) => {
-    router.push("/login");
-  });
-};
-const renderMap = () => {
-  var imageDom = document.createElement("img");
-  imageDom.src = "http://www.bigemap.com/map_source/satel/small/14.png";
-  echarts.registerMap("fujian", fujian);
-  echarts.registerMap("fuzhou_full", fuzhou_full);
-  echarts.registerMap("fujian_full", fujian_full);
-  let Chart = echarts.init(document.getElementById("fuzhou"));
-  // 颜色或文字的配置
-  let option = {
-    geo: [
-      //   {
-      //   type: "map",
-      //   aspectScale: 1, // 横向拉伸
+// import api from "@/api";
+// import router from "@/router";
+// import fuzhou_full from "@/assets/json/福州市v2_full.json";
+// import fujian_full from "@/assets/json/福建省v3_full.json";
+// import fujian from "@/assets/json/福建省v3.json";
+// import echarts from "echarts";
+// import img149 from "@/assets/img/about/149.png";
+// // import echarts from 'echarts'
+// const logOut = () => {
+//   api.login.logout().then((res) => {
+//     router.push("/login");
+//   });
+// };
+// const renderMap = () => {
+//   var imageDom = document.createElement("img");
+//   imageDom.src = "http://www.bigemap.com/map_source/satel/small/14.png";
+//   echarts.registerMap("fujian", fujian);
+//   echarts.registerMap("fuzhou_full", fuzhou_full);
+//   echarts.registerMap("fujian_full", fujian_full);
+//   let Chart = echarts.init(document.getElementById("fuzhou"));
+//   // 颜色或文字的配置
+//   let option = {
+//     geo: [
+//       {
+//         type: "map",
+//         aspectScale: 1, // 横向拉伸
+//         zlevel: 3,
+//         tooltip: {},
+//         zoom: 1, //缩放比例
+//         roam: true, // 地图操作 开启缩放或者平移，可以设置成 'scale' 或者 'move'。
+//         map: "fujian_full",
+//         nameMap: "福建地图",
+//         label: {
+//           show: true,
+//           normal: {
+//             show: true, // 默认地图文字字号和字体颜色
+//             fontSize: 10,
+//             color: "#ffffff",
+//           },
+//           emphasis: {
+//             show: true,
+//             fontSize: 10, // 选中地图文字字号和字体颜色
+//             color: "rgba(0,0,0,0)",
+//           },
+//         },
+//         itemStyle: {
+//           normal: {
+//             areaColor: "transparent",
+//             borderWidth: 2,
+//             borderColor: "#fff",
+//             shadowColor: {
+//               type: "linear",
+//               x: 0,
+//               y: 0,
+//               x2: 0,
+//               y2: 1,
+//               colorStops: [
+//                 {
+//                   offset: 0,
+//                   color: "red", // 0% 处的颜色
+//                 },
+//                 {
+//                   offset: 1,
+//                   color: "blue", // 100% 处的颜色
+//                 },
+//               ],
+//               global: false, // 缺省为 false
+//             },
+//             shadowOffsetY: 4,
+//             shadowBlur: 1,
+//           },
+//           emphasis: {
+//             areaColor: "rgba(29,166,176,0)",
+//             borderWidth: 0,
+//           },
+//         },
+
+//         layoutCenter: ["50%", "44.5%"],
+//         layoutSize: 877,
+//         top: 0,
+//         left: 0,
+//         textFixed: {
+//           Alaska: [20, -20],
+//         },
+//       },
+//       // {
+//       //   type: "map",
+//       //   aspectScale: 1, // 横向拉伸
+//       //   zlevel: 2,
+//       //   tooltip: {},
+//       //   zoom: 1, //缩放比例
+//       //   roam: true, // 地图操作 开启缩放或者平移，可以设置成 'scale' 或者 'move'。
+//       //   map: "fujian_full",
+//       //   nameMap: "福建地图",
+//       //   label: {
+//       //     show: true,
+//       //     normal: {
+//       //       show: true, // 默认地图文字字号和字体颜色
+//       //       fontSize: 10,
+//       //       color: "#ffffff",
+//       //     },
+//       //     emphasis: {
+//       //       show: true,
+//       //       fontSize: 10, // 选中地图文字字号和字体颜色
+//       //       color: "rgba(0,0,0,0)",
+//       //     },
+//       //   },
+//       //   itemStyle: {
+//       //     normal: {
+//       //       areaColor: "rgba(0,0,0,0)",
+//       //       borderWidth: 0,
+//       //       borderColor: "#fff",
+//       //       shadowColor: "rgba(29,166,176,0.65)",
+//       //       shadowOffsetY: 8,
+//       //       shadowBlur: 1,
+//       //     },
+//       //     emphasis: {
+//       //       areaColor: "rgba(29,166,176,0)",
+//       //       borderWidth: 0,
+//       //     },
+//       //   },
+
+//       //   layoutCenter: ["50%", "44.5%"],
+//       //   layoutSize: 877,
+//       //   top: 0,
+//       //   left: 0,
+//       //   textFixed: {
+//       //     Alaska: [20, -20],
+//       //   },
+//       // },
+//       {
+//         type: "map",
+//         aspectScale: 1, // 横向拉伸
+//         zlevel: 1,
+//         tooltip: {},
+//         zoom: 1.01, //缩放比例
+//         roam: true, // 地图操作 开启缩放或者平移，可以设置成 'scale' 或者 'move'。
+//         map: "fujian_full",
+//         nameMap: "福建地图",
+//         label: {
+//           show: true,
+//           normal: {
+//             show: true, // 默认地图文字字号和字体颜色
+//             fontSize: 10,
+//             color: "#ffffff",
+//           },
+//           emphasis: {
+//             show: true,
+//             fontSize: 10, // 选中地图文字字号和字体颜色
+//             color: "rgba(0,0,0,0)",
+//           },
+//         },
+//         itemStyle: {
+//           normal: {
+//             areaColor: "rgba(29,166,176,0.55)",
+//             borderWidth: 0,
+//             borderColor: "#fff",
+//             shadowColor: "rgba(29,166,176,0.75)",
+//             shadowOffsetY: 8,
+//             shadowOffsetX:4,
+//             shadowBlur: 2,
+//           },
+//           emphasis: {
+//             areaColor: "rgba(29,166,176,0)",
+//             borderWidth: 0,
+//           },
+//         },
 
-      //   zoom: 1, //缩放比例
-      //   roam: true, // 地图操作 开启缩放或者平移，可以设置成 'scale' 或者 'move'。
-      //   map: "fuzhou_full",
-      //   nameMap: '福州地图',
-      //   label: {
-      //     show: true,
-      //     normal: {
-      //       show: true, // 默认地图文字字号和字体颜色
-      //       fontSize: 10,
-      //       color: "#ffffff",
-      //     },
-      //     emphasis: {
-      //       show: true,
-      //       fontSize: 10, // 选中地图文字字号和字体颜色
-      //       color: "#CFCFCF",
-      //     },
-      //   },
-      //   itemStyle: {
+//         layoutCenter: ["50%", "44.5%"],
+//         layoutSize: 877,
+//         top: 0,
+//         left: 0,
+//         textFixed: {
+//           Alaska: [20, -20],
+//         },
+//       },
 
-      //     normal: {
-      //       areaColor: 'rgb(0,0,0,0)',
-      //       borderWidth: 1, // 省份边框宽度
-      //       opacity: 0.75, //图形透明度
+//       // {
+//       //   type: "map",
+//       //   aspectScale: 1, // 横向拉伸
+//       //   zlevel: -2,
+//       //   tooltip: {},
+//       //   zoom: 1, //缩放比例
+//       //   roam: true, // 地图操作 开启缩放或者平移，可以设置成 'scale' 或者 'move'。
+//       //   map: "fujian_full",
+//       //   nameMap: "福建地图",
+//       //   label: {
+//       //     show: true,
+//       //     normal: {
+//       //       show: true, // 默认地图文字字号和字体颜色
+//       //       fontSize: 10,
+//       //       color: "#ffffff",
+//       //     },
+//       //     emphasis: {
+//       //       show: true,
+//       //       fontSize: 10, // 选中地图文字字号和字体颜色
+//       //       color: "rgba(0,0,0,0)",
+//       //     },
+//       //   },
+//       //   itemStyle: {
+//       //     normal: {
+//       //       areaColor: "rgba(29,166,176,0)",
+//       //       borderWidth: 0,
+//       //       borderColor: "#fff",
+//       //       shadowColor: "rgba(29,166,176,0.95)",
+//       //       shadowOffsetY: 20,
+//       //       shadowBlur: 0,
+//       //     },
+//       //     emphasis: {
+//       //       areaColor: "rgba(29,166,176,0)",
+//       //       borderWidth: 0,
+//       //     },
+//       //   },
 
-      //     },
-      //     emphasis: {
-      //       areaColor: "#ff4400", // 高亮时候地图显示的颜色
-      //       borderWidth: 0, // 高亮时的边框宽度
-      //     },
-      //   },
-      //   layoutSize: 100,
-      //   textFixed: {
-      //     Alaska: [20, -20],
-      //   }
-      // },
-      // {
-      //   type: "map",
-      //   aspectScale: 1, // 横向拉伸
-      //   zlevel:1,
-      //   tooltip: {},
-      //   zoom: 1, //缩放比例
-      //   roam: true, // 地图操作 开启缩放或者平移，可以设置成 'scale' 或者 'move'。
-      //   map: "fujian",
-      //   nameMap: "福建地图",
-      //   label: {
-      //     show: true,
-      //     normal: {
-      //       show: true, // 默认地图文字字号和字体颜色
-      //       fontSize: 10,
-      //       color: "#ffffff",
-      //     },
-      //     emphasis: {
-      //       show: true,
-      //       fontSize: 10, // 选中地图文字字号和字体颜色
-      //       color: "#CFCFCF",
-      //     },
-      //   },
-      //   itemStyle: {
-      //     areaColor: "rgba(255,0,0,0)",
-      //     opacity: 1,
-      //     borderColor: "#fff",
-      //     borderWidth: 2,
-          
-      //     emphasis: {
-      //       areaColor: "rgba(0,0,0,0)", // 高亮时候地图显示的颜色
-      //       borderWidth: 0, // 高亮时的边框宽度
-      //     },
-      //   },
-      //   layoutCenter: ["50%", "44.5%"],
-      //   layoutSize: 877,
-      //   top: 0,
-      //   left: 0,
-      //   textFixed: {
-      //     Alaska: [20, -20],
-      //   },
-      // },
-      {
-        type: "map",
-        aspectScale: 1, // 横向拉伸
-        
-        tooltip: {},
-        zoom: 1, //缩放比例
-        roam: true, // 地图操作 开启缩放或者平移，可以设置成 'scale' 或者 'move'。
-        map: "fujian_full",
-        nameMap: "福建地图",
-        label: {
-          show: true,
-          normal: {
-            show: true, // 默认地图文字字号和字体颜色
-            fontSize: 10,
-            color: "#ffffff",
-          },
-          emphasis: {
-            show: true,
-            fontSize: 10, // 选中地图文字字号和字体颜色
-            color: "#CFCFCF",
-          },
-        },
-        itemStyle: {
-          normal:{
-            borderWidth: 6,
-                borderColor: "rgba(29, 111, 165,1)",
-                shadowColor: "rgba(29, 111, 165,0.5)",
-                shadowOffsetY: 15,
-                shadowBlur: 8,
-                areaColor: "rgba(5,21,35,0.1)",
-          },
-          areaColor: "#188df0",
-          opacity: 0.7,
-          borderColor: "#fff",
-          borderWidth: 3,
-          
-          emphasis: {
-            areaColor: "#2378f7", // 高亮时候地图显示的颜色
-            borderWidth: 0, // 高亮时的边框宽度
-          },
-        },
-        layoutCenter: ["50%", "44.5%"],
-        layoutSize: 877,
-        top: 0,
-        left: 0,
-        textFixed: {
-          Alaska: [20, -20],
-        },
-      },
-    ],
-    series: [
-      {
-        type: "scatter",
-        coordinateSystem: "geo",
-        symbol: "pin",
-        legendHoverLink: true,
-        symbolSize: [60, 60],
-        // 这里渲染标志里的内容以及样式
-        label: {
-          show: true,
-          formatter(value) {
-            return value.data.value[2];
-          },
-          color: "#fff",
-        },
-        // 标志的样式
-        itemStyle: {
-          normal: {
-            color: "rgba(255,0,0,1)",
-            shadowBlur: 2,
-            shadowColor: "D8BC37",
-          },
-        },
-        // 数据格式，其中name,value是必要的，value的前两个值是数据点的经纬度，其他的数据格式可以自定义
-        // 至于如何展示，完全是靠上面的formatter来自己定义的
-        data: [
-          { name: "西藏", value: [91.23, 29.5, 2333] },
-          { name: "黑龙江", value: [128.03, 47.01, 1007] },
-          { name: "福州", value: [119.1747, 26.0427, 1007] },
-        ],
-        showEffectOn: "render",
-        rippleEffect: {
-          brushType: "stroke",
-        },
-        hoverAnimation: true,
-        zlevel: 1,
-      },
-    ],
-  };
-  Chart.setOption(option);
-};
+//       //   layoutCenter: ["50%", "44.5%"],
+//       //   layoutSize: 877,
+//       //   top: 0,
+//       //   left: 0,
+//       //   textFixed: {
+//       //     Alaska: [20, -20],
+//       //   },
+//       // },
+//     ],
+//     series: [
+//       {
+//         type: "scatter",
+//         zlevel: 99,
+//         coordinateSystem: "geo",
+//         symbol: "pin",
+//         legendHoverLink: true,
+//         symbolSize: [60, 60],
+//         // 这里渲染标志里的内容以及样式
+//         label: {
+//           show: true,
+//           formatter(value) {
+//             return value.data.value[2];
+//           },
+//           color: "#fff",
+//         },
+//         // 标志的样式
+//         itemStyle: {
+//           normal: {
+//             color: "rgba(255,0,0,1)",
+//             shadowBlur: 2,
+//             shadowColor: "D8BC37",
+//           },
+//         },
+//         // 数据格式，其中name,value是必要的，value的前两个值是数据点的经纬度，其他的数据格式可以自定义
+//         // 至于如何展示，完全是靠上面的formatter来自己定义的
+//         data: [
+//           { name: "西藏", value: [91.23, 29.5, 2333] },
+//           { name: "黑龙江", value: [128.03, 47.01, 1007] },
+//           { name: "福州", value: [119.1747, 26.0427, 1007] },
+//         ],
+//         showEffectOn: "render",
+//         rippleEffect: {
+//           brushType: "stroke",
+//         },
+//         hoverAnimation: true,
+//       },
+//     ],
+//   };
+//   Chart.setOption(option);
+// };
 
 export default defineComponent({
   setup() {
-    onMounted(() => {
-      console.log("123");
-      renderMap();
-    });
-    return {
-      logOut,
-      renderMap,
-      img149,
-    };
+    // onMounted(() => {
+    //   console.log("123");
+    //   renderMap();
+    // });
+    // return {
+    //   logOut,
+    //   renderMap,
+    //   img149,
+    // };
+    return {}
   },
 });
 </script>

src/views/about1/index.vue

@@ -0,0 +1,216 @@
+<template>
+  <div>
+    <canvas width="800" height="800" id="fuzhou1"></canvas>
+  </div>
+</template>
+
+<script lang="ts">
+import * as echarts from "echarts";
+import "echarts-gl";
+import fuzhou_full from "@/assets/json/福州市v3_full.json";
+import { defineComponent, onMounted } from "vue";
+let option = {
+  geo3D: {
+    map: "fuzhou_full", //注册地图的名字
+    roam: true, //开启鼠标缩放和平移漫游。默认不开启
+    tooltip: {
+      show: true,
+      trigger: "axis",
+    },
+    itemStyle: {
+      //整体板块的样式
+      color: "#ff4400", // 背景
+      opacity: 1, //透明度
+      borderWidth: 1, // 边框宽度
+      borderColor: "#fff", // 边框颜色
+    },
+    label: {
+      show: true,
+      textStyle: {
+        color: "#00ff7f", //地图初始化区域字体颜色
+        fontSize: 8,
+        opacity: 1,
+        // backgroundColor: "rgba(0,23,11,1)",
+      },
+
+      formatter: function (params) {
+        return params.name;
+      },
+    },
+    //当鼠标放上去  地区区域是否显示名称
+    emphasis: {
+      label: {
+        show: true,
+        textStyle: {
+          color: "#fff",
+          fontSize: 3,
+          // backgroundColor: "rgba(0,23,11,1)",
+        },
+      },
+    },
+    shading: "lambert",
+    //光照阴影
+    light: {
+      //光照阴影
+      main: {
+        color: "#fff", //光照颜色
+        intensity: 1.2, //光照强度
+        //shadowQuality: 'high', //阴影亮度
+        shadow: true, //是否显示阴影
+        alpha: 60,
+        beta: 10,
+      },
+      ambient: {
+        intensity: 0.6,
+      },
+    },
+    //用于鼠标控制地图旋转等功能
+    viewControl: {
+      // 用于鼠标的旋转，缩放等视角控制。
+      projection: "perspective", // 投影方式，默认为透视投影'perspective'，也支持设置为正交投影'orthographic'。
+      autoRotate: false, // 是否开启视角绕物体的自动旋转查看。[ default: false ]
+      autoRotateDirection: "cw", // 物体自传的方向。默认是 'cw' 也就是从上往下看是顺时针方向，也可以取 'ccw'，既从上往下看为逆时针方向。
+      autoRotateSpeed: 10, // 物体自传的速度。单位为角度 / 秒，默认为10 ，也就是36秒转一圈。
+      autoRotateAfterStill: 3, // 在鼠标静止操作后恢复自动旋转的时间间隔。在开启 autoRotate 后有效。[ default: 3 ]
+      damping: 0, // 鼠标进行旋转，缩放等操作时的迟滞因子，在大于等于 1 的时候鼠标在停止操作后，视角仍会因为一定的惯性继续运动（旋转和缩放）。[ default: 0.8 ]
+      rotateSensitivity: 10, // 旋转操作的灵敏度，值越大越灵敏。支持使用数组分别设置横向和纵向的旋转灵敏度。默认为1, 设置为0后无法旋转。   rotateSensitivity: [1, 0]——只能横向旋转； rotateSensitivity: [0, 1]——只能纵向旋转。
+      zoomSensitivity: 10, // 缩放操作的灵敏度，值越大越灵敏。默认为1,设置为0后无法缩放。
+      panSensitivity: 10, // 平移操作的灵敏度，值越大越灵敏。默认为1,设置为0后无法平移。支持使用数组分别设置横向和纵向的平移灵敏度
+      panMouseButton: "left", // 平移操作使用的鼠标按键，支持：'left' 鼠标左键（默认）;'middle' 鼠标中键 ;'right' 鼠标右键(注意：如果设置为鼠标右键则会阻止默认的右键菜单。)
+      rotateMouseButton: "left", // 旋转操作使用的鼠标按键，支持：'left' 鼠标左键;'middle' 鼠标中键（默认）;'right' 鼠标右键(注意：如果设置为鼠标右键则会阻止默认的右键菜单。)
+
+      distance: 200, // [ default: 100 ] 默认视角距离主体的距离，对于 grid3D 和 geo3D 等其它组件来说是距离中心原点的距离,对于 globe 来说是距离地球表面的距离。在 projection 为'perspective'的时候有效。
+      minDistance: 40, // [ default: 40 ] 视角通过鼠标控制能拉近到主体的最小距离。在 projection 为'perspective'的时候有效。
+      maxDistance: 400, // [ default: 400 ] 视角通过鼠标控制能拉远到主体的最大距离。在 projection 为'perspective'的时候有效。
+
+      alpha: 40, // 视角绕 x 轴，即上下旋转的角度。配合 beta 可以控制视角的方向。[ default: 40 ]
+      beta: 15, // 视角绕 y 轴，即左右旋转的角度。[ default: 0 ]
+      minAlpha: -720, // 上下旋转的最小 alpha 值。即视角能旋转到达最上面的角度。[ default: 5 ]
+      maxAlpha: 720, // 上下旋转的最大 alpha 值。即视角能旋转到达最下面的角度。[ default: 90 ]
+      minBeta: -720, // 左右旋转的最小 beta 值。即视角能旋转到达最左的角度。[ default: -80 ]
+      maxBeta: 720, // 左右旋转的最大 beta 值。即视角能旋转到达最右的角度。[ default: 80 ]
+
+      center: [0, 0, 0], // 视角中心点，旋转也会围绕这个中心点旋转，默认为[0,0,0]。左右 上下 前后
+
+      animation: true, // 是否开启动画。[ default: true ]
+      animationDurationUpdate: 1000, // 过渡动画的时长。[ default: 1000 ]
+      animationEasingUpdate: "cubicInOut", // 过渡动画的缓动效果。[ default: cubicInOut ]
+    },
+    //修改选中区域的样式
+    regions: [
+      {
+        name: "运城市",
+        height: 20, //修改选中区域的三维高度
+        selected: true,
+        select: {
+          areaColor: "red",
+          color: "red",
+        },
+        index: 0,
+      },
+      {
+        name: "大同市",
+        height: 20, //修改选中区域的三维高度
+        selected: true,
+        select: {
+          areaColor: "red",
+          color: "red",
+        },
+      },
+    ],
+
+    silent: false,
+    regionHeight: 20, //修改整个地图的三维高度
+  },
+  series: [
+    {
+      zlevel: -10,
+      regionHeight: 2,
+      type: "map3D",
+      map: "fuzhou_full", // 地图类型。echarts-gl 中使用的地图类型同 geo 组件相同
+    },
+  ],
+};
+
+export default defineComponent({
+  // setup() {},
+  onMounted() {
+    let Chart = echarts.init(document.getElementById("fuzhou1") as HTMLElement);
+   
+    echarts.registerMap('fuzhou_full',fuzhou_full as any)
+    Chart.hideLoading();
+    // 图表配置项
+    let option = {
+      geo3D: {
+        map: fuzhou_full,
+        roam: true,
+        itemStyle: {
+          color: "#007aff",
+          opacity: 0.8,
+          borderWidth: 0.4,
+          borderColor: "#000",
+          // areaColor: '#fff'
+        },
+        viewControl: {
+          autoRotate: true,
+          autoRotateAfterStill: 3,
+          distance: 120,
+          minAlpha: 5, // 上下旋转的最小 alpha 值。即视角能旋转到达最上面的角度。[ default: 5 ]
+          maxAlpha: 90, // 上下旋转的最大 alpha 值。即视角能旋转到达最下面的角度。[ default: 90 ]
+          minBeta: -360, // 左右旋转的最小 beta 值。即视角能旋转到达最左的角度。[ default: -80 ]
+          maxBeta: 360, // 左右旋转的最大 beta 值。即视角能旋转到达最右的角度。[ default: 80 ]
+          animation: true, // 是否开启动画。[ default: true ]
+          animationDurationUpdate: 1000, // 过渡动画的时长。[ default: 1000 ]
+          animationEasingUpdate: "cubicInOut", // 过渡动画的缓动效果。[ default: cubicInOut ]
+        },
+
+        emphasis: {
+          disabled: true, //是否可以被选中
+          label: {
+            //移入时的高亮文本
+            show: true,
+            color: "#333", //显示字体颜色变淡
+            fontSize: 18, //显示字体变大
+          },
+          itemStyle: {
+            color: "#ff7aff", //显示移入的区块变粉色
+          },
+        },
+        label: {
+          show: true,
+          position: "top",
+          color: "#111", //地图初始化区域字体颜色
+          fontSize: 14,
+          lineHeight: 16,
+          // textStyle: {
+          //   color: "#fff", //地图初始化区域字体颜色
+          //   fontSize: 12,
+          //   opacity: 1,
+          //   backgroundColor: "rgba(0,23,11,0)",
+          // },
+        },
+        shading: "lambert",
+        light: {
+          //光照阴影
+          main: {
+            // color: "#fff", //光照颜色
+            intensity: 1, //光照强度
+            //shadowQuality: 'high', //阴影亮度
+            shadow: true, //是否显示阴影
+            shadowQuality: "medium", //阴影质量 ultra //阴影亮度
+            alpha: 55,
+            beta: 10,
+          },
+          ambient: {
+            intensity: 0.7,
+          },
+        },
+      },
+    };
+
+    Chart.setOption(option);
+  },
+});
+</script>
+
+<style scoped></style>