地图默认中心点埋点
This commit is contained in:
@@ -26,8 +26,7 @@
|
|||||||
<img src="./img/build-icon.png" alt=""> 楼栋<br/>列表
|
<img src="./img/build-icon.png" alt=""> 楼栋<br/>列表
|
||||||
</div>
|
</div>
|
||||||
<div class="map-content">
|
<div class="map-content">
|
||||||
<AiTMap v-if="user.areaId" :areaId="user.areaId" :map.sync="map" :lib.sync="lib" :ops="ops"
|
<AiTMap :map.sync="map" :lib.sync="lib" :ops="ops" :libraries="['service', 'tools']"/>
|
||||||
:libraries="['service', 'tools']"/>
|
|
||||||
</div>
|
</div>
|
||||||
<u-popup v-model="showPop" mode="bottom" border-radius="14">
|
<u-popup v-model="showPop" mode="bottom" border-radius="14">
|
||||||
<div class="popup">
|
<div class="popup">
|
||||||
@@ -111,7 +110,6 @@ import {mapState} from 'vuex'
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
latLngCenter: {},
|
|
||||||
ops: {},
|
ops: {},
|
||||||
lib: null,
|
lib: null,
|
||||||
map: null,
|
map: null,
|
||||||
@@ -133,9 +131,9 @@ export default {
|
|||||||
buildPopup: false
|
buildPopup: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {...mapState(['user'])},
|
computed: {...mapState(['user', 'config'])},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getCenterLatLng().then(points => {
|
this.getCommunityList().then(points => {
|
||||||
this.getMarkerCluster(points)
|
this.getMarkerCluster(points)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -146,14 +144,6 @@ export default {
|
|||||||
this.$dict.load("communityBuildingType")
|
this.$dict.load("communityBuildingType")
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getCenterLatLng() {
|
|
||||||
return this.$http.post(`/app/appdvcpconfig/getCorpLocation`).then(res => {
|
|
||||||
if (res?.data) {
|
|
||||||
this.latLngCenter = res.data
|
|
||||||
return this.getCommunityList()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
getCommunityList() {
|
getCommunityList() {
|
||||||
return this.$http.post('/app/appcommunitybuildinginfo/listByBuilding', null, {
|
return this.$http.post('/app/appcommunitybuildinginfo/listByBuilding', null, {
|
||||||
params: {
|
params: {
|
||||||
@@ -178,7 +168,7 @@ export default {
|
|||||||
getMarkerCluster(points, count = 0) {
|
getMarkerCluster(points, count = 0) {
|
||||||
let {lib: TMap, map} = this
|
let {lib: TMap, map} = this
|
||||||
if (map) {
|
if (map) {
|
||||||
map.setCenter(this.latLngCenter)
|
map.setCenter(this.config.latlng)
|
||||||
let MarkerCluster = new TMap.MarkerCluster({
|
let MarkerCluster = new TMap.MarkerCluster({
|
||||||
map, gridSize: 60,
|
map, gridSize: 60,
|
||||||
enableDefaultStyle: false, // 关闭默认样式
|
enableDefaultStyle: false, // 关闭默认样式
|
||||||
|
|||||||
@@ -34,7 +34,6 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
|
|
||||||
@@ -62,7 +61,7 @@ export default {
|
|||||||
polygons: []
|
polygons: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {...mapState(['user'])},
|
computed: {...mapState(['user', 'config'])},
|
||||||
created() {
|
created() {
|
||||||
this.$dict.load('girdType', 'girdLevel')
|
this.$dict.load('girdType', 'girdLevel')
|
||||||
this.areaId = this.user.areaId
|
this.areaId = this.user.areaId
|
||||||
@@ -94,6 +93,7 @@ export default {
|
|||||||
this.polygons.forEach(e => e.destroy())
|
this.polygons.forEach(e => e.destroy())
|
||||||
this.polygons = []
|
this.polygons = []
|
||||||
}
|
}
|
||||||
|
if (paths?.length > 0) {
|
||||||
let bounds = []
|
let bounds = []
|
||||||
paths.forEach((path, i) => {
|
paths.forEach((path, i) => {
|
||||||
let color = colors[i % colors.length]
|
let color = colors[i % colors.length]
|
||||||
@@ -121,6 +121,10 @@ export default {
|
|||||||
]);
|
]);
|
||||||
});
|
});
|
||||||
map.fitBounds(bounds, {padding: 100})
|
map.fitBounds(bounds, {padding: 100})
|
||||||
|
} else {
|
||||||
|
map.setCenter(this.config.latlng)
|
||||||
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
if (count < 5) {
|
if (count < 5) {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
|||||||
@@ -32,5 +32,8 @@ const app = new Vue({
|
|||||||
store,
|
store,
|
||||||
...App
|
...App
|
||||||
});
|
});
|
||||||
|
store.dispatch("agentSign").then(config => {
|
||||||
|
store.commit("getConfig", {...config, latlng: [config.lat, config.lng]})
|
||||||
app.$mount();
|
app.$mount();
|
||||||
|
})
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user