Browse Source

地图组件bug解决

V1.0
SongZhen 2 years ago
parent
commit
bc8e120af1
  1. 53
      src/views/dataBoard/cpts/map/index.vue
  2. 30
      yarn.lock

53
src/views/dataBoard/cpts/map/index.vue

@ -1,6 +1,6 @@
<template>
<div class="m-map" :class="{ 'z-td': mapType == 'td' }">
<div id="map"></div>
<div id="map" :style="{ transform: `scale(${zoom})` }"></div>
<div class="btn" v-if="mapStyleType == 'light'" v-show="false" @click="shiftMapStyle('dark')">切换深色模式</div>
<div class="btn" v-show="false" v-else @click="shiftMapStyle('light')">切换浅色模式</div>
<!-- :style="{ transform: `scale(${zoom})` }" -->
@ -132,14 +132,6 @@ export default {
components: {
cptPopup,
},
async mounted() {
//
window._AMapSecurityConfig = {
securityJsCode: "92ea2c965c6cf1ba7ee3a8fe01449ef2",
};
this.iniMap();
},
computed: {
polygonData() {
@ -264,24 +256,29 @@ export default {
dotList2(val, oldValue) {
this.updateDot();
},
// "$store.state.chooseArea.realScale"(n, v) {
// this.setStartScale(n);
// },
"$store.state.chooseArea.realScale"(n, v) {
this.setStartScale(n);
},
},
mounted() {
// const scale = this.$store.state.chooseArea.realScale;
// console.log(scale);
// if (scale) {
// this.setStartScale(scale);
// }
async mounted() {
//
window._AMapSecurityConfig = {
securityJsCode: "92ea2c965c6cf1ba7ee3a8fe01449ef2",
};
const scale = this.$store.state.chooseArea.realScale;
console.log(scale);
if (scale) {
this.setStartScale(scale);
}
this.iniMap();
},
methods: {
// setStartScale(n) {
// const scale = 1 / n;
// this.zoom = scale;
// },
setStartScale(n) {
const scale = 1 / n;
this.zoom = scale;
},
iniMap() {
const { darkStyle, lightStyle, srcGridData } = this;
@ -541,11 +538,11 @@ export default {
this.$emit("clickAgency", e.feature.properties);
});
polygonLayer.on("unmousemove", (e) => {
polygonLayer.style({
raisingHeight: 0,
});
});
// polygonLayer.on("unmousemove", (e) => {
// polygonLayer.style({
// raisingHeight: 0,
// });
// });
},
iniMapDot(scene) {
@ -867,7 +864,7 @@ export default {
z-index: 100;
}
/deep/ .l7-popup-content {
background: rgba(#fff, 0.58);
background: rgba(#fff, 1);
box-shadow: 0 0 20px 3px inset rgba(#22f, 0.1);
}
/deep/ .l7-popup-close-button {

30
yarn.lock

@ -3905,14 +3905,14 @@ browserslist@^2.11.3:
electron-to-chromium "^1.3.30"
browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.21.10, browserslist@^4.21.9, browserslist@^4.3.4, browserslist@^4.5.4:
version "4.21.10"
resolved "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.10.tgz#dbbac576628c13d3b2231332cb2ec5a46e015bb0"
integrity sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==
version "4.21.11"
resolved "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.11.tgz#35f74a3e51adc4d193dcd76ea13858de7b8fecb8"
integrity sha512-xn1UXOKUz7DjdGlg9RrUr0GGiWzI97UQJnugHtH0OLDfJB7jMgoIkYvRIEO1l9EeEERVqeqLYOcFBW9ldjypbQ==
dependencies:
caniuse-lite "^1.0.30001517"
electron-to-chromium "^1.4.477"
caniuse-lite "^1.0.30001538"
electron-to-chromium "^1.4.526"
node-releases "^2.0.13"
update-browserslist-db "^1.0.11"
update-browserslist-db "^1.0.13"
buffer-crc32@^0.2.1, buffer-crc32@^0.2.13:
version "0.2.13"
@ -4112,7 +4112,7 @@ caniuse-api@^3.0.0:
lodash.memoize "^4.1.2"
lodash.uniq "^4.5.0"
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000792, caniuse-lite@^1.0.30000805, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001517:
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000792, caniuse-lite@^1.0.30000805, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001538:
version "1.0.30001538"
resolved "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001538.tgz#9dbc6b9af1ff06b5eb12350c2012b3af56744f3f"
integrity sha512-HWJnhnID+0YMtGlzcp3T9drmBJUVDchPJ08tpUGFLs9CYlwWPH2uLgpHn8fND5pCgXVtnGS3H4QR9XLMHVNkHw==
@ -5572,10 +5572,10 @@ ejs@^2.6.1:
resolved "https://registry.npmmirror.com/ejs/-/ejs-2.7.4.tgz#48661287573dcc53e366c7a1ae52c3a120eec9ba"
integrity sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA==
electron-to-chromium@^1.3.30, electron-to-chromium@^1.4.477:
version "1.4.526"
resolved "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.526.tgz#1bcda5f2b8238e497c20fcdb41af5da907a770e2"
integrity sha512-tjjTMjmZAx1g6COrintLTa2/jcafYKxKoiEkdQOrVdbLaHh2wCt2nsAF8ZHweezkrP+dl/VG9T5nabcYoo0U5Q==
electron-to-chromium@^1.3.30, electron-to-chromium@^1.4.526:
version "1.4.527"
resolved "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.527.tgz#5acf0bcc5bf015eb31dd2279989a3712e341a554"
integrity sha512-EafxEiEDzk2aLrdbtVczylHflHdHkNrpGNHIgDyA63sUQLQVS2ayj2hPw3RsVB42qkwURH+T2OxV7kGPUuYszA==
element-resize-event@^3.0.3:
version "3.0.6"
@ -13870,10 +13870,10 @@ upath@^1.1.1:
resolved "https://registry.npmmirror.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
update-browserslist-db@^1.0.11:
version "1.0.12"
resolved "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.12.tgz#868ce670ac09b4a4d4c86b608701c0dee2dc41cd"
integrity sha512-tE1smlR58jxbFMtrMpFNRmsrOXlpNXss965T1CrpwuZUzUAg/TBQc94SpyhDLSzrqrJS9xTRBthnZAGcE1oaxg==
update-browserslist-db@^1.0.13:
version "1.0.13"
resolved "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"
integrity sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==
dependencies:
escalade "^3.1.1"
picocolors "^1.0.0"

Loading…
Cancel
Save