kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

地图

Browse Source
This commit is contained in:
liuye
2023-08-17 15:21:12 +08:00
parent 17249c16fa
commit b8838d2171
2 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
project/pidu/app/AppSessionArchive/components/Detail.vue
View File

@@ -229,7 +229,7 @@
/> />
<div class="map-info" v-if="item.msgType == 'location'"> <div class="map-info" v-if="item.msgType == 'location'">
<div :id="`map${index}`" class="map-content"></div> <div :id="item.mapId" class="map-content"></div>
<div class="address-text"> <div class="address-text">
<p>{{ item.title }}</p> <p>{{ item.title }}</p>
<p>{{ item.address }}</p> <p>{{ item.address }}</p>
@@ -578,9 +578,9 @@ export default {
}, },
]; ];
} }
if (item.msgType == "location") { // if (item.msgType == "location") {
this.initMap(item.lng, item.lat, item.zoom, index); // this.initMap(item.lng, item.lat, item.zoom, index);
} // }
if (item.msgType == "image") { if (item.msgType == "image") {
var image = new Image(); var image = new Image();
image.crossOrigin = ''; image.crossOrigin = '';
@@ -596,6 +596,13 @@ export default {
this.msgCurrent > 1 this.msgCurrent > 1
? [...res.data.records, ...this.msgList] ? [...res.data.records, ...this.msgList]
: res.data.records; : res.data.records;
this.msgList.map((item, index) => {
if (item.msgType == "location") {
item.mapId = `map${index}`
this.initMap(item.lng, item.lat, item.zoom, item.mapId);
}
})
this.msgPages = res.data.pages || 2; this.msgPages = res.data.pages || 2;
this.$nextTick(() => { this.$nextTick(() => {
if (this.msgCurrent == 1) { if (this.msgCurrent == 1) {
@@ -630,12 +637,12 @@ export default {
return dataURL; return dataURL;
}, },
initMap(lng, lat, zoom, index) { initMap(lng, lat, zoom, mapId) {
AMapLoader.load({ AMapLoader.load({
key: "54a02a43d9828a8f9cd4f26fe281e74e", key: "54a02a43d9828a8f9cd4f26fe281e74e",
version: "2.0", version: "2.0",
}).then((AMap) => { }).then((AMap) => {
this.map = new AMap.Map(`map${index}`, { this.map = new AMap.Map(mapId, {
resizeEnable: true, resizeEnable: true,
zooms: [6, 20], zooms: [6, 20],
center: [lng, lat], center: [lng, lat],

15
project/pidu/app/AppSessionArchiveWechat/components/Detail.vue
View File

@@ -229,7 +229,7 @@
/> />
<div class="map-info" v-if="item.msgType == 'location'"> <div class="map-info" v-if="item.msgType == 'location'">
<div :id="`map${index}`" class="map-content"></div> <div :id="item.mapId" class="map-content"></div>
<div class="address-text"> <div class="address-text">
<p>{{ item.title }}</p> <p>{{ item.title }}</p>
<p>{{ item.address }}</p> <p>{{ item.address }}</p>
@@ -578,9 +578,6 @@ export default {
}, },
]; ];
} }
if (item.msgType == "location") {
this.initMap(item.lng, item.lat, item.zoom, index);
}
if (item.msgType == "image") { if (item.msgType == "image") {
var image = new Image(); var image = new Image();
image.crossOrigin = ''; image.crossOrigin = '';
@@ -596,6 +593,12 @@ export default {
this.msgCurrent > 1 this.msgCurrent > 1
? [...res.data.records, ...this.msgList] ? [...res.data.records, ...this.msgList]
: res.data.records; : res.data.records;
this.msgList.map((item, index) => {
if (item.msgType == "location") {
item.mapId = `map${index}`
this.initMap(item.lng, item.lat, item.zoom, item.mapId);
}
})
this.msgPages = res.data.pages || 2; this.msgPages = res.data.pages || 2;
this.$nextTick(() => { this.$nextTick(() => {
if (this.msgCurrent == 1) { if (this.msgCurrent == 1) {
@@ -630,12 +633,12 @@ export default {
return dataURL; return dataURL;
}, },
initMap(lng, lat, zoom, index) { initMap(lng, lat, zoom, mapId) {
AMapLoader.load({ AMapLoader.load({
key: "54a02a43d9828a8f9cd4f26fe281e74e", key: "54a02a43d9828a8f9cd4f26fe281e74e",
version: "2.0", version: "2.0",
}).then((AMap) => { }).then((AMap) => {
this.map = new AMap.Map(`map${index}`, { this.map = new AMap.Map(mapId, {
resizeEnable: true, resizeEnable: true,
zooms: [6, 20], zooms: [6, 20],
center: [lng, lat], center: [lng, lat],