# qe-kml-layer
kml
图层组件,主要用于展示kml
格式的数据。
# 实例
隐藏代码
<template>
<div style="height: 450px;">
<qe-viewer
:imagery-type="'AMap'"
:fullscreen-button="true"
:default-view="defaultView"
:info-box="true"
@ready="init"
>
<qe-kml-layer
:url="'../jiangsu.kml'"
></qe-kml-layer>
</qe-viewer>
</div>
</template>
<script>
import { QeViewer, QeKmlLayer } from '@qycloud/vue-qearth';
import 'vue2qearth/vue2qearth.css'
export default {
components: {
QeViewer,
QeKmlLayer
},
data () {
return {
defaultView: [118.84211582, 30.72407536, 162488.599, 0, -50, 0],
isShowLayer: true
};
},
methods:{
init(viewer){
viewer.depthTestAgainstTerrain=false;
}
}
}
</script>
# Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
url | kml 资源地址、已解析的 KML 文档、包含二进制 KMZ 数据、已解析的 KML 文档的 Blob | string | — | — |
name | 图层名称 | string | — | — |
id | 图层唯一 id 不设置会自动生成 | string | — | — |
visible | 图层是否可见 | boolean | — | true |
layerOptions | 图层其他可选参数 | object | — | — |
# Events
覆盖物事件的使用请参照上面KmlLayer 实例
// 图层可选事件
"ready" // 组件装载后,返回当前实例对象