# ArcGIS 瓦片
mapgis-3d-arcgis-tile-layer
# 属性
# baseUrl
- 类型:
String
- 默认值:
null
- 非侦听属性
- 描述: 地图请求的基地址路径。
# layerStyle
- 类型:
Object
- 可选
- 侦听属性
- 描述: 控制地图的显隐、透明度以及顺序,有如下值:
visible Boolean 控制图层显示或隐藏,不会重新加载图层,true:显示图层、fales:隐藏图层
opacity Number 控制图层透明度,会重新加载图层,0 - 1 之间的数字,0:隐藏,1:显示
zIndex Number 控制图层顺序,会重新加载图层,类似 css 里面的 z-index,从 1 开始的数字
# options
- 类型:
Object
- 可选
- 侦听属性
- 描述: Cesium 的进阶参数,另外不属于 cesium 的如下参数也在 options 中:
- 参考:
Arcgis参数
in ArcGisMapServerImageryProvider
# id
- 类型:
String
- 可选
- 侦听属性
- 描述: 图层唯一标识符,如果不传,以 vueIndex 代替
# vueKey
- 类型:
String
- 可选
- 非侦听属性
- 默认值:
default
- 描述:
mapgis-web-scene 组件的 ID,当使用多个 mapgis-web-scene 组件时,需要指定该值,来唯一标识 mapgis-web-scene 组件,
同时 mapgis-web-scene 插槽中的组件也需要传入相同的 vueKey,让组件知道应该作用于哪一个 mapgis-web-scene。
# vueIndex
- 类型:
Number
- 可选
- 非侦听属性
- 描述:
当 mapgis-web-scene 插槽中使用了多个相同组件时,例如多个 mapgis-3d-igs-doc-layer 组件,用来区分组件的标识符。
# 示例
<template>
<mapgis-web-scene class="main">
<mapgis-3d-arcgis-tile-layer v-bind="$data" />
<button @click="changeOpacity">改变透明度</button>
<button @click="changeIndex">改变图层顺序</button>
</mapgis-web-scene>
</template>
<script>
export default {
name: "arcgisTileLayer",
data() {
return {
baseUrl:
"http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
layerStyle: {
visible: true,
opacity: 1,
zIndex: 2,
},
};
},
methods: {
changeOpacity() {
if (this.layerStyle.opacity > 1) {
this.layerStyle.opacity = 0;
} else {
this.layerStyle.opacity += 0.1;
}
},
changeIndex() {
if (this.layerStyle.zIndex === 3) {
this.layerStyle.zIndex = 5;
} else {
this.layerStyle.zIndex = 1;
}
},
},
};
</script>
<style lang="css">
.main {
height: 600px;
width: 100%;
}
</style>