# qe-czml-layer
czml
图层组件,主要用于展示czml
格式的数据。
# 实例
隐藏代码
<template>
<div style="height: 450px;">
<qe-viewer
:imagery-type="'AMap'"
:fullscreen-button="true"
:default-view="defaultView"
:info-box="true"
:should-animate="true"
>
<qe-czml-layer
:url="'../ClampToGround.czml'"
></qe-czml-layer>
</qe-viewer>
</div>
</template>
<script>
import { QeViewer, QeCzmlLayer } from '@qycloud/vue-qearth';
import 'vue2qearth/vue2qearth.css'
export default {
components: {
QeViewer,
QeCzmlLayer
},
data () {
return {
defaultView: [
121.07713726, 37.64187434, 2220.956, 0, -28,0
],
isShowLayer: true
};
}
}
</script>
# Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
url | CZML 的资源路径或 CZML 对象。 | string | — | — |
name | 图层名称 | string | — | — |
id | 图层唯一 id 不设置会自动生成 | string | — | — |
visible | 图层是否可见 | boolean | — | true |
layerOptions | 图层其他可选参数 | object | — | — |
# Events
覆盖物事件的使用请参照上面CzmlLayer 实例
// 图层可选事件
"ready" // 组件装载后,返回当前实例对象