# 气泡

mapgis-3d-popup

# 属性

名称 类型 默认值 描述 是否监听
vueKey String default mapgis-web-scene 组件的 ID,当使用多个 mapgis-web-scene 组件时,需要指定该值,来唯一标识 mapgis-web-scene 组件,
同时 mapgis-web-scene 插槽中的组件也需要传入相同的 vueKey,让组件知道应该作用于哪一个 mapgis-web-scene。
vueIndex Number (Math.random() * 1000000).toFixed(0) 当 mapgis-web-scene 插槽中使用了多个相同组件时,例如多个 mapgis-3d-igs-doc-layer 组件,用来区分组件的标识符。
position 必传 Object {
entity: Cesium.Entity,
cartesian: Cesium.Cartesian3,
longitude: 110,
latitude: 30,
height: 0
}
显示位置,3 种不同的传参使用方式: 1. Cesium.Entity 绑定到 Cesium.Entity 上鼠标点击/移入弹出,鼠标移出消失 2.Cesium.Cartesian3 绑定到 Cesium.Cartesian3 笛卡尔坐标上 3.Cesium.long lat height 绑定到经纬度和高度上
options Object {
postRender: true, // 实时渲染
popupId: 'xxx-xx', // 本次 popup 对应的唯一 id,不传随机生成
popupContentId: 'xxx-xx', // 本次 popup 对应的唯一内容 id
showClose: true, // 是否显示关闭按钮
}
额外参数
container String <div>空</div> 外部传入的 div 的字符串描述方式,一般是文字或者 echarts 的 div;
visible Boolean true 是否显示
destroyOnClose Boolean false 关闭 popup 的时候销毁 Dom 元素
forceRender Boolean false 强制渲染 poup 显示的 Dom 元素。该参数的使用场景是外部动态改变 slot 的前提下需要 Popup 更新内部的 UI,一旦该参数设置为 true,任何触发 vue-updated 生命周期的函数都会强制刷新该参数
popupWapperStyle Object popup 的 wapper 层样式,添加的样式主要体现在 popup 主体框,全局 CSS 处设置了默认样式,传入的样式优先级更高
popupHeaderStyle Object popup 的标题栏样式,添加后样式体现在标题处,全局 CSS 处设置了字体等基基础样式,传入样式优先级更高
popupCloseBtnStyle Object popup 头部关闭按钮样式,添加的样式主要体现在关闭按钮处,全局 CSS 处设置了样式,传入样式优先级更高

#

# default

  • 描述 Popup 的自定义槽的实现,可以自定义各类视图

# 事件

# @load

  • 描述 在 Popup 加载完毕后发送该事件
  • Payload { popup }
  • popup Popup 对象