解决渲染失败的问题
This commit is contained in:
@@ -63,13 +63,17 @@ export default {
|
|||||||
return this.geoJson = {type: 'FeatureCollection', features: maps.flat(1)}
|
return this.geoJson = {type: 'FeatureCollection', features: maps.flat(1)}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
initMap() {
|
async initMap() {
|
||||||
const {echarts, turf} = window
|
const {echarts, turf} = window
|
||||||
const boundary = turf.union(this.geoJson)
|
const boundary = turf.union(this.geoJson)
|
||||||
boundary.properties.name = "boundary"
|
boundary.properties.name = "boundary"
|
||||||
this.geoJson.features.unshift(boundary)
|
this.geoJson.features.unshift(boundary)
|
||||||
echarts.registerMap('zhengzhou', this.geoJson)
|
echarts.registerMap('zhengzhou', this.geoJson)
|
||||||
this.map = echarts.init(this.$el)
|
this.map = echarts.init(this.$el)
|
||||||
|
while (!this.map) {
|
||||||
|
await new Promise(resolve => setTimeout(resolve, 500))
|
||||||
|
this.map = echarts.init(this.$el)
|
||||||
|
}
|
||||||
const areaColor = {
|
const areaColor = {
|
||||||
type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [
|
type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [
|
||||||
{offset: 0, color: 'rgba(61,127,255,0.35)'},
|
{offset: 0, color: 'rgba(61,127,255,0.35)'},
|
||||||
|
|||||||
Reference in New Issue
Block a user