BaseGraphicLayer
查阅Cesium API

new mars3d.layer.BaseGraphicLayer(options)
layer/BaseGraphicLayer.js 34

矢量数据图层 Base基类

参数名称 类型 描述信息
options object 可选

参数对象，包括以下：

参数名称 类型 默认值 描述信息
popup string | Array.<Globe.getTemplateHtml_template> | function 可选

绑定的popup弹窗值，也可以bindPopup方法绑定，支持：'all'、数组、字符串模板
popupOptions Popup.StyleOptions 可选

popup弹窗时的配置参数，也支持如pointerEvents等Popup构造参数,还包括：

参数名称 类型 默认值 描述信息
title string 可选

固定的标题名称
titleField string 可选

标题对应的属性字段名称
noTitle string 可选

不显示标题
showNull string false 可选

是否显示空值
tooltip string | Array.<Globe.getTemplateHtml_template> | function | object 可选

绑定的tooltip弹窗值，也可以bindTooltip方法绑定，参数与popup属性完全相同。
tooltipOptions Tooltip.StyleOptions 可选

tooltip弹窗时的配置参数，也支持如pointerEvents等Tooltip构造参数,还包括：

参数名称 类型 默认值 描述信息
title string 可选

固定的标题名称
titleField string 可选

标题对应的属性字段名称
noTitle string 可选

不显示标题
showNull string false 可选

是否显示空值
contextmenuItems object 可选

绑定的右键菜单值，也可以bindContextMenu方法绑定
id string | number mars3d.Util.createGuid() 可选

图层id标识
pid string | number -1 可选

图层父级的id，一般图层管理中使用
name string '' 可选

图层名称
show boolean true 可选

图层是否显示
eventParent BaseClass | boolean 可选

指定的事件冒泡对象，默认为map对象，false时不冒泡
center object 可选

图层自定义定位视角 Map#setCameraView

参数名称 类型 描述信息
lng number

经度值, 180 - 180
lat number

纬度值, -90 - 90
alt number 可选

高度值
heading number 可选

方向角度值，绕垂直于地心的轴旋转角度, 0至360
pitch number 可选

俯仰角度值，绕纬度线旋转角度, -90至90
roll number 可选

翻滚角度值，绕经度线旋转角度, -90至90
extent object 可选

图层自定义定位的矩形区域，与center二选一即可。 Map#flyToExtent

参数名称 类型 默认值 描述信息
xmin number

最小经度值, -180 至 180
xmax number

最大经度值, -180 至 180
ymin number

最小纬度值, -90 至 90
ymax number

最大纬度值, -90 至 90
height number 0 可选

矩形高度值
flyTo boolean 可选

加载完成数据后是否自动飞行定位到数据所在的区域。
flyToOptions object 可选

加载完成数据后是否自动飞行定位到数据所在的区域的对应 BaseLayer#flyTo方法参数。
参考:

继承

成员(属性)

availability : Cesium.TimeIntervalCollection
layer/BaseLayer.js 297

指定时间范围内显示该对象 [提示：仅部分子类实现，非所有对象都支持]

继承自:
使用示例:
// cesium原生写法,单个
tilesetLayer.availability = new Cesium.TimeInterval({
  start: Cesium.JulianDate.fromDate(new Date("2017-08-25 08:00:00")),
  stop: Cesium.JulianDate.fromDate(new Date("2017-08-25 08:00:20")),
  isStartIncluded: true,
  isStopIncluded: false
})

// cesium原生写法, 多个
tilesetLayer.availability = new Cesium.TimeIntervalCollection([
  new Cesium.TimeInterval({
    start: Cesium.JulianDate.fromDate(new Date("2017-08-25 08:00:00")),
    stop: Cesium.JulianDate.fromDate(new Date("2017-08-25 08:00:20")),
    isStartIncluded: true,
    isStopIncluded: false
  }),

])

// 普通传值方式，多个
tilesetLayer.availability = [
  { start: "2017-08-25 08:00:00", stop: "2017-08-25 08:01:20", isStartIncluded: true, isStopIncluded: false },
  { start: "2017-08-25 09:00:00", stop: "2017-08-25 09:02:30" }
]

// 普通传值方式，单个
tilesetLayer.availability = { start: "2017-08-25 08:00:00", stop: "2017-08-25 08:01:20", isStartIncluded: true, isStopIncluded: false }

readonly hasOpacity : boolean
layer/BaseLayer.js 244

是否可以调整透明度

继承自:

id : string|number
layer/BaseLayer.js 76

对象的id标识

继承自:

readonly isAdded : boolean
layer/BaseLayer.js 152

是否已添加到地图

继承自:

readonly isDestroy : boolean
layer/BaseLayer.js 162

是否已经销毁了

继承自:

readonly isPrivate : boolean
layer/BaseLayer.js 171

是否Mars3D内部的私有对象，如标绘拖拽点等

继承自:

name : string
layer/BaseLayer.js 89

名称 标识

继承自:

opacity : number
layer/BaseLayer.js 256

透明度，取值范围：0.0-1.0

继承自:

pid : string|number
layer/BaseLayer.js 102

对象的pid标识

继承自:

readonly readyPromise : Promise.<(BaseLayer|object)>
layer/BaseLayer.js 187

获取图层完成解析加载完成的Promise承诺, 等价于load事件(区别在于load事件必须在load完成前绑定才能监听)。

继承自:
使用示例:
tiles3dLayer.readyPromise.then(function(layer) {
    console.log("load完成", layer)
  })

show : boolean
layer/BaseLayer.js 200

显示隐藏状态

继承自:

readonly state : State
layer/BaseLayer.js 142

当前对象的状态

继承自:

templateValues : object
layer/BaseLayer.js 114

图层中统一的url模版，比如可以将服务url前缀统一使用模板，方便修改或动态配置。

继承自:

readonly type : string
layer/BaseLayer.js 131

图层类型

继承自:

方法

abstract _mountedHook() → void
layer/BaseLayer.js 469

对象添加到地图前创建一些对象的钩子方法， 只会调用一次

返回值:

无

继承自:

addTo(map) → BaseLayer
layer/BaseLayer.js 367

添加到地图上，同 map.addThing

参数名称 类型 描述信息
map Map

地图对象
返回值:

当前对象本身，可以链式调用

继承自:

bindContextMenu(content, options) → BaseGraphicLayer
layer/BaseGraphicLayer.js 465

绑定右键菜单

参数名称 类型 默认值 描述信息
content Array.<object>

右键菜单配置数组，数组中每一项包括：

参数名称 类型 描述信息
text string | function 可选

菜单文字
icon string 可选

图标,可以是：图片url路径、base64字符串、svg字符串、字体图标class名
show function | boolean 可选

菜单项是否显示的回调方法
callback function 可选

菜单项单击后的回调方法
children Array.<object> 可选

当有二级子菜单时，配置数组。
options object {} 可选

控制参数

参数名称 类型 描述信息
offsetX number 可选

用于非规则对象时，横向偏移的px像素值
offsetY number 可选

用于非规则对象时，垂直方向偏移的px像素值
返回值:

当前对象本身，可以链式调用

使用示例:
//在layer上绑定右键菜单
      graphicLayer.bindContextMenu([
        {
          text: '删除对象',
          icon: 'fa fa-trash-o',
          callback: function (e) {
            let graphic = e.graphic
            if (graphic) {
              graphicLayer.removeGraphic(graphic)
            }
          },
        },
        {
          text: '计算长度',
          icon: 'fa fa-medium',
          show: function (e) {
            let graphic = e.graphic
            return graphic.type === 'polyline'
          },
          callback: function (e) {
            let graphic = e.graphic
            let strDis = mars3d.MeasureUtil.formatDistance(graphic.distance)
            alert('该对象的长度为:' + strDis)
          },
        },
      ])

bindHighlight(options) → void
layer/BaseGraphicLayer.js 146

绑定鼠标移入或单击后的 对象高亮

参数名称 类型 描述信息
options object 可选

参数：

参数名称 类型 默认值 描述信息
type string 'mouseOver' 可选

事件类型，默认为鼠标移入高亮，也可以指定'click'单击高亮。
多个参数 string 可选

高亮的样式，具体见各GraphicType矢量数据的style参数。
返回值:

无

bindPopup(content, options) → BaseGraphicLayer
layer/BaseGraphicLayer.js 253

绑定鼠标单击对象后的弹窗。

参数名称 类型 描述信息
content string | function

弹窗内容html字符串，或者回调方法。
options Popup.StyleOptions 可选

控制参数
返回值:

当前对象本身，可以链式调用

bindTooltip(content, options) → BaseGraphicLayer
layer/BaseGraphicLayer.js 334

绑定鼠标移入的弹窗

参数名称 类型 描述信息
content string | function

弹窗内容html字符串，或者回调方法。
options Tooltip.StyleOptions 可选

控制参数
返回值:

当前对象本身，可以链式调用

closeContextMenu() → BaseGraphicLayer
layer/BaseGraphicLayer.js 513

关闭右键菜单

返回值:

当前对象本身，可以链式调用

closeHighlight() → void
layer/BaseGraphicLayer.js 218

清除已高亮的矢量对象

返回值:

无

closePopup() → BaseGraphicLayer
layer/BaseGraphicLayer.js 298

关闭弹窗

返回值:

当前对象本身，可以链式调用

closeSmallTooltip() → BaseGraphicLayer
layer/BaseGraphicLayer.js 542

关闭小提示窗

返回值:

当前对象本身，可以链式调用

closeTooltip() → BaseGraphicLayer
layer/BaseGraphicLayer.js 383

关闭弹窗

返回值:

当前对象本身，可以链式调用

async flyTo(options) → Promise.<boolean>
layer/BaseLayer.js 558

飞行定位至图层数据所在的视角

参数名称 类型 默认值 描述信息
options object {} 可选

参数对象:

参数名称 类型 默认值 描述信息
radius number 可选

点状数据时，相机距离目标点的距离（单位：米）
scale number 1.2 可选

线面数据时，缩放比例，可以控制视角比矩形略大一些，这样效果更友好。
heading number 可选

方向角度值，绕垂直于地心的轴旋转角度, 0至360
pitch number 可选

俯仰角度值，绕纬度线旋转角度, -90至90
roll number 可选

翻滚角度值，绕经度线旋转角度, -90至90
minHeight number 可选

定位时相机的最小高度值，用于控制避免异常数据
maxHeight number 可选

定位时相机的最大高度值，用于控制避免异常数据
height number 可选

矩形区域时的高度值, 默认取地形高度值
duration number 可选

飞行时间（单位：秒）。如果省略，SDK内部会根据飞行距离计算出理想的飞行时间。
complete Cesium.Camera.FlightCompleteCallback 可选

飞行完成后要执行的函数。
cancel Cesium.Camera.FlightCancelledCallback 可选

飞行取消时要执行的函数。
endTransform Cesium.Matrix4 可选

变换矩阵表示飞行结束时相机所处的参照系。
maximumHeight number 可选

飞行高峰时的最大高度。
pitchAdjustHeight number 可选

如果相机飞得比这个值高，在飞行过程中调整俯仰以向下看，并保持地球在视口。
flyOverLongitude number 可选

地球上的两点之间总有两条路。这个选项迫使相机选择战斗方向飞过那个经度。
flyOverLongitudeWeight number 可选

仅在通过flyOverLongitude指定的lon上空飞行，只要该方式的时间不超过flyOverLongitudeWeight的短途时间。
convert boolean true 可选

是否将目的地从世界坐标转换为场景坐标（仅在不使用3D时相关）。
easingFunction Cesium.EasingFunction.Callback 可选

控制在飞行过程中如何插值时间。
返回值:

如果飞行成功则解析为true的承诺，如果当前未在场景中可视化目标或取消飞行，则为false的Promise

继承自:

getAvailabilityShow(time) → boolean
layer/BaseLayer.js 321

获取指定时间下的时序对应的 显示隐藏 状态

参数名称 类型 描述信息
time Cesium.JulianDate

指定时间
返回值:

显示隐藏 状态

继承自:

getContextMenu() → Array.<object>
layer/BaseGraphicLayer.js 417

获取绑定的右键菜单数组

返回值:

右键菜单数组

hasContextMenu() → boolean
layer/BaseGraphicLayer.js 396

是否有绑定的右键菜单

返回值:

是否有绑定

hasPopup() → boolean
layer/BaseGraphicLayer.js 229

是否存在Popup绑定，判断图层及内部所有矢量数据

返回值:

是否存在Popup绑定

hasTooltip() → boolean
layer/BaseGraphicLayer.js 311

是否绑定了tooltip

返回值:

是否绑定

openContextMenu(position) → BaseGraphicLayer
layer/BaseGraphicLayer.js 497

打开右键菜单

参数名称 类型 描述信息
position BaseGraphic | Cesium.Cartesian3

矢量对象 或 显示的位置
返回值:

当前对象本身，可以链式调用

openHighlight(graphic, event) → void
layer/BaseGraphicLayer.js 207

高亮对象

参数名称 类型 描述信息
graphic BaseGraphic

高亮的矢量对，类型支持GraphicType
event object 可选

事件对象
返回值:

无

openPopup(position) → BaseGraphicLayer
layer/BaseGraphicLayer.js 284

打开绑定的弹窗

参数名称 类型 描述信息
position BaseGraphic | LngLatPoint | Cesium.Cartesian3

矢量对象 或 显示的位置
返回值:

当前对象本身，可以链式调用

openSmallTooltip(position, message) → BaseGraphicLayer
layer/BaseGraphicLayer.js 530

显示小提示窗，一般用于鼠标操作的提示。

参数名称 类型 描述信息
position Cesium.Cartesian2 | Cesium.Cartesian3

显示的屏幕坐标位置 或 笛卡尔坐标位置
message *

显示的内容
返回值:

当前对象本身，可以链式调用

openTooltip(position) → BaseGraphicLayer
layer/BaseGraphicLayer.js 367

打开绑定的tooltip弹窗

参数名称 类型 描述信息
position BaseGraphic | LngLatPoint | Cesium.Cartesian3

graphic矢量对象 或 显示的位置
返回值:

当前对象本身，可以链式调用

remove(destroy) → void
layer/BaseLayer.js 380

从地图上移除，同map.removeThing

参数名称 类型 描述信息
destroy boolean 可选

是否调用destroy释放
返回值:

无

继承自:

setOptions(options) → BaseLayer
layer/BaseLayer.js 597

更新图层参数

参数名称 类型 描述信息
options object

与类的构造方法参数相同
返回值:

当前对象本身，可以链式调用

继承自:

toJSON() → object
layer/BaseLayer.js 623

将图层转为Json简单对象，用于存储后再传参加载

返回值:

Json简单对象

继承自:

unbindContextMenu(bubbling) → BaseGraphicLayer
layer/BaseGraphicLayer.js 480

解除绑定的右键菜单

参数名称 类型 默认值 描述信息
bubbling boolean false 可选

单击事件中是否继续冒泡查找
返回值:

当前对象本身，可以链式调用

unbindHighlight() → void
layer/BaseGraphicLayer.js 163

解绑鼠标移入或单击后的高亮处理

返回值:

无

unbindPopup(bubbling) → BaseGraphicLayer
layer/BaseGraphicLayer.js 268

解除绑定的鼠标单击对象后的弹窗。

参数名称 类型 默认值 描述信息
bubbling boolean false 可选

单击事件中是否继续冒泡查找
返回值:

当前对象本身，可以链式调用

unbindTooltip(bubbling) → BaseGraphicLayer
layer/BaseGraphicLayer.js 350

解除绑定的鼠标移入对象后的弹窗。

参数名称 类型 默认值 描述信息
bubbling boolean false 可选

单击事件中是否继续冒泡查找
返回值:

当前对象本身，可以链式调用

定义的类型

mars3d.layer.BaseGraphicLayer.EventType
layer/BaseGraphicLayer.js 6

图层类支持的EventType事件类型

属性:
属性名称 类型 描述信息
add string

添加对象
remove string

移除对象
show string

显示了对象
hide string

隐藏了对象
click string

左键单击 鼠标事件
rightClick string

右键单击 鼠标事件
mouseOver string

鼠标移入 鼠标事件
mouseOut string

鼠标移出 鼠标事件
popupOpen string

popup弹窗打开后
popupClose string

popup弹窗关闭
tooltipOpen string

tooltip弹窗打开后
tooltipClose string

tooltip弹窗关闭
使用示例:
//绑定监听事件
layer.on(mars3d.EventType.click, function (event) {
  console.log('单击了矢量数据对象', event)
})
参考: