<template>
|
<div style="position: relative; height: 100%;">
|
<div :id="elementId" class="content-center">
|
</div>
|
</div>
|
</template>
|
|
<script>
|
let curViewer = null
|
|
export default {
|
data () {
|
return {
|
elementId: ''
|
}
|
},
|
|
created () {
|
this.elementId = this.uuid()
|
},
|
|
mounted () {
|
global.DC.baseUrl = '/bigScreen/libs/dc-sdk/resources/'
|
|
const that = this
|
|
this.$nextTick(() => {
|
function initViewer () {
|
curViewer = new global.DC.Viewer(that.elementId, {
|
contextOptions: {
|
webgl: {
|
alpha: true,
|
stencil: true,
|
preserveDrawingBuffer: true
|
}
|
}
|
})
|
|
let primitiveArr = curViewer.scene.primitives._primitives
|
curViewer.scene.primitives.remove(primitiveArr[0])
|
|
curViewer.imageryLayers.addImageryProvider(
|
new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
|
url: 'https://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c',
|
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
|
format: 'image/jpeg',
|
show: true,
|
maximumLevel: 18
|
})
|
)
|
}
|
|
global.DC.ready(initViewer)
|
})
|
},
|
|
methods: {
|
uuid () {
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
var r = Math.random() * 16 | 0,
|
v = c == 'x' ? r : (r & 0x3 | 0x8)
|
return v.toString(16)
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import '@/styles/contentDetails/index.scss';
|
</style>
|
