Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
2ff75417 1 parent 7f5d0d69

3D地图功能调整

Expand all
Inline Side-by-side
Showing 7 changed files with 79 additions and 12 deletions
......@@ -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']
......
......@@ -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",
......
......@@ -172,8 +172,8 @@ button:focus {
}
.mall.mall--content-open {
-webkit-transform: translate3d(0,-25%,0) scale3d(0.8,0.8,1);
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.9,0.9,1);
}
.surroundings,
......@@ -313,8 +313,8 @@ button:focus {
/* Other levels */
.level--current ~ .level {
-webkit-transform: translateZ(90vmin);
transform: translateZ(90vmin);
-webkit-transform: translateZ(300vmin);
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);
transform: translateZ(-60vmin);
-webkit-transform: translateZ(-300vmin);
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;
}
}
/* Content */
.content {
......
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
<!--
* @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"
style="vertical-align: ;" />
3D
</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"
......
......@@ -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"
......