3D地图功能调整

hookehuyr
Commit 2ff7541704ab4c356b343526eb760763df922dad 2ff75417 1 parent 7f5d0d69
Showing 7 changed files with 80 additions and 13 deletions
components.d.ts
package.json
src/components/Floor/floor.css
src/components/Floor/index.vue
src/components/Floor/svgIcon.vue
src/views/inner.vue
yarn.lock
--- a/components.d.ts
View file @2ff7541
+++ b/components.d.ts
View file @2ff7541
@@ -17,6 +17,7 @@ declare module '@vue/runtime-core' {
     InfoWindowYard: typeof import('./src/components/InfoWindowYard.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    SvgIcon: typeof import('./src/components/Floor/svgIcon.vue')['default']
     VanCol: typeof import('vant/es')['Col']
     VanDialog: typeof import('vant/es')['Dialog']
     VanIcon: typeof import('vant/es')['Icon']
--- a/package.json
View file @2ff7541
+++ b/package.json
View file @2ff7541
@@ -20,6 +20,7 @@
     "default-passive-events": "^2.0.0",
     "font-awesome": "^4.7.0",
     "global": "^4.4.0",
+    "html-to-json-parser": "^1.1.0",
     "html2canvas": "^1.4.1",
     "jquery": "^3.6.0",
     "js-cookie": "^3.0.1",
@@ -27,6 +28,7 @@
     "mockjs": "^1.1.0",
     "moment": "^2.29.3",
     "mui-player": "^1.6.0",
+    "svgson": "^5.3.1",
     "typescript": "^4.7.3",
     "unplugin-vue-components": "^0.24.1",
     "uuid": "^8.3.2",
--- a/src/components/Floor/floor.css
View file @2ff7541
+++ b/src/components/Floor/floor.css
View file @2ff7541
@@ -172,8 +172,8 @@ button:focus {
 }
 .mall.mall--content-open {
-	-webkit-transform: translate3d(0,-25%,0) scale3d(0.8,0.8,1);
+	-webkit-transform: translate3d(0,-25%,0) scale3d(0.9,0.9,1);
-	transform: translate3d(0,-25%,0) scale3d(0.8,0.8,1);
+	transform: translate3d(0,-25%,0) scale3d(0.9,0.9,1);
 }
 .surroundings,
@@ -313,8 +313,8 @@ button:focus {
 /* Other levels */
 .level--current ~ .level {
-	-webkit-transform: translateZ(90vmin);
+	-webkit-transform: translateZ(300vmin);
-	transform: translateZ(90vmin);
+	transform: translateZ(300vmin);
 }
 .levels--selected-2 .level--1,
@@ -323,8 +323,8 @@ button:focus {
 .levels--selected-3 .level--2,
 .levels--selected-4 .level--2,
 .levels--selected-4 .level--3 {
-	-webkit-transform: translateZ(-60vmin);
+	-webkit-transform: translateZ(-300vmin);
-	transform: translateZ(-60vmin);
+	transform: translateZ(-300vmin);
 }
 /* Delays */
@@ -361,7 +361,7 @@ button:focus {
 .level.level--current {
 	-webkit-transform: translateZ(15vmin) rotate3d(0,0,1,20deg);
 	/* go to center */
-	transform: translateZ(15vmin) rotate3d(0,0,1,20deg);
+	transform: translateZ(-15vmin) rotate3d(0,0,1,20deg);
 }
 /* Navigation classes */
@@ -477,9 +477,9 @@ button:focus {
 	fill-opacity: 1;
 }
- .map__space--selected {
+.map__space--selected {
- 	fill: #A4A4A4;
+	fill: #A4A4A4;
- }
+}
 /* Content */
 .content {
--- a/src/components/Floor/index.vue
View file @2ff7541
+++ b/src/components/Floor/index.vue
View file @2ff7541
--- a/src/components/Floor/svgIcon.vue 0 → 100644
View file @2ff7541
+++ b/src/components/Floor/svgIcon.vue 0 → 100644
View file @2ff7541
--- a/src/views/inner.vue
View file @2ff7541
+++ b/src/views/inner.vue
View file @2ff7541
 <!--
  * @Date: 2023-05-19 14:54:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-07-27 15:00:30
+ * @LastEditTime: 2023-07-27 16:52:48
  * @FilePath: /map-demo/src/views/inner.vue
  * @Description: 内部地图主体页面
 -->
@@ -37,8 +37,7 @@
     <div class="operate-bar-wrapper">
       <div class="box-wrapper">
         <div class="item" @click="testFloor">
-          <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem"
+          3D
-            style="vertical-align: ;" />
         </div>
         <div v-if="open_current_location" class="item" @click="handleLocation(true)">
           <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E5%AE%9A%E4%BD%8Dloc@2x.png" size="1.5rem"
--- a/yarn.lock
View file @2ff7541
+++ b/yarn.lock
View file @2ff7541
@@ -1022,6 +1022,14 @@ deep-eql@^4.1.2:
   dependencies:
     type-detect "^4.0.0"
+deep-rename-keys@^0.2.1:
+  version "0.2.1"
+  resolved "https://mirrors.cloud.tencent.com/npm/deep-rename-keys/-/deep-rename-keys-0.2.1.tgz#ede78537d7a66a2be61517e2af956d7f58a3f1d8"
+  integrity sha1-7eeFN9emaivmFRfir5Vtf1ij8dg=
+  dependencies:
+    kind-of "^3.0.2"
+    rename-keys "^1.1.2"
+
 default-passive-events@^2.0.0:
   version "2.0.0"
   resolved "https://mirrors.cloud.tencent.com/npm/default-passive-events/-/default-passive-events-2.0.0.tgz"
@@ -1316,6 +1324,11 @@ eventemitter2@^6.4.3:
   resolved "https://mirrors.cloud.tencent.com/npm/eventemitter2/-/eventemitter2-6.4.9.tgz"
   integrity sha512-JEPTiaOt9f04oa6NOkc4aH+nVp5I3wEjpHbIPqfgCdD5v5bUzy7xQqwcVO2aDQgOWhI28da57HksMrzK9HlRxg==
+eventemitter3@^2.0.0:
+  version "2.0.3"
+  resolved "https://mirrors.cloud.tencent.com/npm/eventemitter3/-/eventemitter3-2.0.3.tgz#b5e1079b59fb5e1ba2771c0a993be060a58c99ba"
+  integrity sha1-teEHm1n7XhuidxwKmTvgYKWMmbo=
+
 execa@4.1.0:
   version "4.1.0"
   resolved "https://mirrors.cloud.tencent.com/npm/execa/-/execa-4.1.0.tgz"
@@ -1615,6 +1628,13 @@ header-case@^2.0.4:
     capital-case "^1.0.4"
     tslib "^2.0.3"
+html-to-json-parser@^1.1.0:
+  version "1.1.0"
+  resolved "https://mirrors.cloud.tencent.com/npm/html-to-json-parser/-/html-to-json-parser-1.1.0.tgz#a81fe1b5b7d02b071cf1f8210f4808cf7342b4c3"
+  integrity sha512-j6JiUBhIQkC+guahmh0VKwQRrnsROpUaRWAQyRlu5tp6atQg9ljeU70eBtpHSJwNALFNo//VOozvif7AQlfOtA==
+  dependencies:
+    xmldom "^0.6.0"
+
 html2canvas@^1.4.1:
   version "1.4.1"
   resolved "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz"
@@ -1694,6 +1714,11 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
+is-buffer@^1.1.5:
+  version "1.1.6"
+  resolved "https://mirrors.cloud.tencent.com/npm/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
+  integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
+
 is-ci@^3.0.0:
   version "3.0.1"
   resolved "https://mirrors.cloud.tencent.com/npm/is-ci/-/is-ci-3.0.1.tgz"
@@ -1857,6 +1882,13 @@ keycode@2.2.0:
   resolved "https://mirrors.cloud.tencent.com/npm/keycode/-/keycode-2.2.0.tgz"
   integrity sha1-PQr1bce4uOXLqNCpfxByBO7CKwQ=
+kind-of@^3.0.2:
+  version "3.2.2"
+  resolved "https://mirrors.cloud.tencent.com/npm/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
+  integrity sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=
+  dependencies:
+    is-buffer "^1.1.5"
+
 lazy-ass@^1.6.0:
   version "1.6.0"
   resolved "https://mirrors.cloud.tencent.com/npm/lazy-ass/-/lazy-ass-1.6.0.tgz"
@@ -2494,6 +2526,11 @@ regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.9:
   resolved "https://mirrors.cloud.tencent.com/npm/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
+rename-keys@^1.1.2:
+  version "1.2.0"
+  resolved "https://mirrors.cloud.tencent.com/npm/rename-keys/-/rename-keys-1.2.0.tgz#be602fb0b750476b513ebe85ba4465d03254f0a3"
+  integrity sha512-U7XpAktpbSgHTRSNRrjKSrjYkZKuhUukfoBlXWXUExCAqhzh1TU3BDRAfJmarcl5voKS+pbKU9MvyLWKZ4UEEg==
+
 request-progress@^3.0.0:
   version "3.0.0"
   resolved "https://mirrors.cloud.tencent.com/npm/request-progress/-/request-progress-3.0.0.tgz"
@@ -2774,6 +2811,14 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+svgson@^5.3.1:
+  version "5.3.1"
+  resolved "https://mirrors.cloud.tencent.com/npm/svgson/-/svgson-5.3.1.tgz#f3df0303231f2e99e4618983cfa7e8db155f79d7"
+  integrity sha512-qdPgvUNWb40gWktBJnbJRelWcPzkLed/ShhnRsjbayXz8OtdPOzbil9jtiZdrYvSDumAz/VNQr6JaNfPx/gvPA==
+  dependencies:
+    deep-rename-keys "^0.2.1"
+    xml-reader "2.4.3"
+
 systemjs@^6.12.1:
   version "6.14.1"
   resolved "https://mirrors.cloud.tencent.com/npm/systemjs/-/systemjs-6.14.1.tgz"
@@ -3225,11 +3270,31 @@ wrappy@1:
   resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+xml-lexer@^0.2.2:
+  version "0.2.2"
+  resolved "https://mirrors.cloud.tencent.com/npm/xml-lexer/-/xml-lexer-0.2.2.tgz#518193a4aa334d58fc7d248b549079b89907e046"
+  integrity sha1-UYGTpKozTVj8fSSLVJB5uJkH4EY=
+  dependencies:
+    eventemitter3 "^2.0.0"
+
 xml-name-validator@^4.0.0:
   version "4.0.0"
   resolved "https://mirrors.cloud.tencent.com/npm/xml-name-validator/-/xml-name-validator-4.0.0.tgz"
   integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
+xml-reader@2.4.3:
+  version "2.4.3"
+  resolved "https://mirrors.cloud.tencent.com/npm/xml-reader/-/xml-reader-2.4.3.tgz#9f810caf7c425a5aafb848b1c45103c9e71d7530"
+  integrity sha1-n4EMr3xCWlqvuEixxFEDyecddTA=
+  dependencies:
+    eventemitter3 "^2.0.0"
+    xml-lexer "^0.2.2"
+
+xmldom@^0.6.0:
+  version "0.6.0"
+  resolved "https://mirrors.cloud.tencent.com/npm/xmldom/-/xmldom-0.6.0.tgz#43a96ecb8beece991cef382c08397d82d4d0c46f"
+  integrity sha512-iAcin401y58LckRZ0TkI4k0VSM1Qg0KGSc3i8rU+xrxe19A/BN1zHyVSJY7uoutVlaTSzYyk/v5AmkewAP7jtg==
+
 y18n@^5.0.5:
   version "5.0.8"
   resolved "https://mirrors.cloud.tencent.com/npm/y18n/-/y18n-5.0.8.tgz"