|
|
|
@ -96,7 +96,7 @@
|
|
|
|
|
|
|
|
|
|
<view class="map-container" :style="{display:((tabCheck === 'room')?'flex':'none')}" > |
|
|
|
|
<view class="top-map" :style="{marginTop:size.height+'px'}" v-if="(tabCheck === 'room')"> |
|
|
|
|
<view id="map" class="map"> |
|
|
|
|
<view id="map" class="map" v-if="showMap"> |
|
|
|
|
<MzMap :coordinates="roomCoordinate" @markerTap="markerTap" @tap="mapTap"></MzMap> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
@ -592,6 +592,7 @@ export default {
|
|
|
|
|
}, |
|
|
|
|
mapData:{}, |
|
|
|
|
userInfo:{}, |
|
|
|
|
showMap:false, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onReady() { |
|
|
|
@ -639,6 +640,7 @@ export default {
|
|
|
|
|
this.list2 = []; |
|
|
|
|
this.roomCoordinate = []; |
|
|
|
|
} |
|
|
|
|
this.showMap = false; |
|
|
|
|
if (this.status === 'nomore') { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
@ -648,6 +650,7 @@ export default {
|
|
|
|
|
res.data.map(item => { |
|
|
|
|
const coordinate = item.coordinate.split(','); |
|
|
|
|
data.push({ |
|
|
|
|
id:item.id, |
|
|
|
|
latitude:parseFloat(coordinate[1]), |
|
|
|
|
longitude:parseFloat(coordinate[0]), |
|
|
|
|
width:'88rpx', |
|
|
|
@ -660,6 +663,7 @@ export default {
|
|
|
|
|
if (res.data.length === 0) { |
|
|
|
|
this.status = 'nomore' |
|
|
|
|
} |
|
|
|
|
this.showMap = true; |
|
|
|
|
}) |
|
|
|
|
this.pages.page++; |
|
|
|
|
|
|
|
|
@ -742,9 +746,11 @@ export default {
|
|
|
|
|
markerTap(e) { |
|
|
|
|
let that = this |
|
|
|
|
let id = e.markerId; |
|
|
|
|
this.mapData = that.listWater[id]; |
|
|
|
|
console.log(e) |
|
|
|
|
this.mapData = that.listWater.find(line => id === line.id); |
|
|
|
|
|
|
|
|
|
this.popMapShow = true; |
|
|
|
|
console.log(that.listWater) |
|
|
|
|
}, |
|
|
|
|
mapTap() { |
|
|
|
|
this.popMapShow = false; |
|
|
|
@ -1001,6 +1007,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
.pop-container { |
|
|
|
|
position: relative; |
|
|
|
|
top:100rpx; |
|
|
|
|
background: { |
|
|
|
|
color: #fff; |
|
|
|
|
}; |
|
|
|
@ -1019,8 +1026,8 @@ export default {
|
|
|
|
|
|
|
|
|
|
.pop-add { |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: -15rpx; |
|
|
|
|
left: 20%; |
|
|
|
|
top: -15rpx; |
|
|
|
|
left: 50%; |
|
|
|
|
width: 30rpx; |
|
|
|
|
height: 30rpx; |
|
|
|
|
transform: rotateZ(45deg); |
|
|
|
|