GraphicLayer |
您所在的位置:网站首页 › mar3d › GraphicLayer |
new mars3d.layer.GraphicLayer(options)
layer/graphicLayer/GraphicLayer.js 65
矢量数据图层 参数名称 类型 描述信息 options object 可选参数对象,包括以下: 参数名称 类型 默认值 描述信息 data object | Array. 可选需要自动加载的数据,内部自动生成Graphic对象。GraphicUtil#.create hasEdit boolean false 可选是否自动激活编辑(true时,单击后自动激活编辑) isAutoEditing boolean true 可选完成标绘时是否自动启动编辑(需要hasEdit:true时) isContinued boolean false 可选是否连续标绘,连续标绘状态下无法编辑已有对象,且不支持获取startDraw方法的返回值(是内部自动调用的,如果要获取请drawCreated事件中获取或外部手动进行startDraw)。 isRestorePositions boolean false 可选在标绘和编辑结束时,是否将坐标还原为普通值,true: 停止编辑时会有闪烁,但效率要好些。 drawAddEventType boolean EventType.click 可选绘制时增加点的事件,默认单击 drawEndEventType boolean EventType.dblClick 可选绘制时结束的事件,默认双击 drawDelEventType boolean EventType.rightClick 可选绘制时删除点的事件,默认右键 zIndex number 可选控制图层的叠加层次,默认按加载的顺序进行叠加,但也可以自定义叠加顺序,数字大的在上面(只对同类型图层间有效,且只有贴地对象有效)。 symbol object | function 可选矢量数据的style样式,为Function时是完全自定义的回调处理 symbol(attr, style, feature) 参数名称 类型 描述信息 type GraphicType | string 可选标识数据类型,默认是根据数据生成 point、polyline、polygon styleOptions objectStyle样式,每种不同类型数据都有不同的样式,具体见各GraphicType矢量数据的style参数。 styleField string 可选按 styleField 属性设置不同样式。 styleFieldOptions object 可选按styleField值与对应style样式的键值对象。 callback function 可选自定义判断处理返回style ,示例:callback: function (attr, styleOpt){ return { color: "#ff0000" }; } allowDrillPick boolean | function 可选是否允许鼠标穿透拾取 clustering object 可选设置聚合相关参数(仅对Label、Point、Billboard 3种对象有效): 参数名称 类型 默认值 描述信息 enabled boolean false 可选是否开启聚合 pixelRange number 20 可选多少像素矩形范围内聚合 minimumClusterSize number 2 可选可以聚集的屏幕空间对象的最小数量 minChanged number 0.05 可选相机变化事件,事件间变化百分比小于该值时不更新聚合 clampToGround boolean true 可选是否贴地 style BillboardEntity.StyleOptions | PointEntity.StyleOptions | object 可选聚合点的样式参数 radius number 26 可选内置样式时,圆形图标的半径大小(单位:像素) fontColor string '#ffffff' 可选内置样式时,数字的颜色 color string 'rgba(181, 226, 140, 0.6)' 可选内置样式时,圆形图标的背景颜色 opacity number 0.5 可选内置样式时,圆形图标的透明度 borderWidth number 5 可选圆形图标的边框宽度(单位:像素),0不显示 borderColor string 'rgba(110, 204, 57, 0.5)' 可选内置样式时,圆形图标的边框颜色 borderOpacity number 0.6 可选内置样式时,圆形图标边框的透明度 getImage function 可选自定义聚合的图标样式,例如:getImage:function(count) { return image} popup string | Array. | function 可选绑定的popup弹窗值,也可以bindPopup方法绑定,支持:'all'、数组、字符串模板 popupOptions Popup.StyleOptions 可选popup弹窗时的配置参数,也支持如pointerEvents等Popup构造参数,还包括: 参数名称 类型 默认值 描述信息 title string 可选固定的标题名称 titleField string 可选标题对应的属性字段名称 noTitle string 可选不显示标题 showNull string false 可选是否显示空值 tooltip string | Array. | 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方法参数。 参考:支持的事件类型 继承 BaseGraphicLayer 成员(属性) allowDrillPick : boolean|function layer/graphicLayer/GraphicLayer.js 681是否允许鼠标穿透拾取 availability : Cesium.TimeIntervalCollection layer/BaseLayer.js 294指定时间范围内显示该对象 [提示:仅部分子类实现,非所有对象都支持] 继承自: BaseLayer#availability 使用示例: // 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 } clustering : boolean layer/graphicLayer/GraphicLayer.js 226是否聚合(点数据时) readonly container : HTMLDivElement layer/graphicLayer/GraphicLayer.js 424当加载 DivGraphic 数据的内部DOM容器 DivGraphic readonly dataSource : Cesium.CustomDataSource layer/graphicLayer/GraphicLayer.js 249当加载Entity类型数据的内部Cesium容器 BaseEntity readonly graphics : Array.|Array layer/graphicLayer/GraphicLayer.js 638图层内的Graphic集合对象 groundPrimitiveCollection : Cesium.PrimitiveCollection layer/graphicLayer/GraphicLayer.js 287当加载普通 贴地的 primitive类型数据的内部Cesium容器 BasePrimitive hasEdit : boolean layer/graphicLayer/GraphicLayer.js 647是否自动激活编辑(true时,单击后自动激活编辑) readonly hasOpacity : boolean layer/BaseLayer.js 241是否可以调整透明度 继承自: BaseLayer#hasOpacity readonly hasZIndex : boolean layer/graphicLayer/GraphicLayer.js 499是否可以调整图层顺序(在同类型图层间) id : string|number layer/BaseLayer.js 73对象的id标识 继承自: BaseLayer#id readonly isAdded : boolean layer/BaseLayer.js 149是否已添加到地图 继承自: BaseLayer#isAdded isAutoEditing : boolean layer/graphicLayer/GraphicLayer.js 162完成标绘时是否自动启动编辑(需要hasEdit:true时) isContinued : boolean layer/graphicLayer/GraphicLayer.js 168是否连续标绘 readonly isDestroy : boolean layer/BaseLayer.js 159是否已经销毁了 继承自: BaseLayer#isDestroy readonly isDrawing : boolean layer/graphicLayer/GraphicLayer.js 664是否正在编辑状态 readonly isEditing : boolean layer/graphicLayer/GraphicLayer.js 673是否正在编辑状态 readonly isPrivate : boolean layer/BaseLayer.js 168是否Mars3D内部的私有对象,如标绘拖拽点等 继承自: BaseLayer#isPrivate readonly length : number layer/graphicLayer/GraphicLayer.js 628图层内的Graphic矢量数据个数 name : string layer/BaseLayer.js 86名称 标识 继承自: BaseLayer#name readonly objectsToExclude : Array.|undefined layer/graphicLayer/GraphicLayer.js 463获取当前图层中所有对象,用于贴模型分析时,排除的不进行贴模型计算的模型对象 opacity : number layer/BaseLayer.js 253透明度,取值范围:0.0-1.0 继承自: BaseLayer#opacity pid : string|number layer/BaseLayer.js 99对象的pid标识 继承自: BaseLayer#pid pointerEvents : boolean layer/graphicLayer/GraphicLayer.js 444当加载 DivGraphic 数据的DIV是否可以鼠标交互,为false时可以穿透操作及缩放地图,但无法进行鼠标交互及触发相关事件。 primitiveCollection : Cesium.PrimitiveCollection layer/graphicLayer/GraphicLayer.js 268当加载普通 primitive类型数据的内部Cesium容器 BasePrimitive readonly readyPromise : Promise. layer/BaseLayer.js 184获取图层完成解析加载完成的Promise承诺, 等价于load事件(区别在于load事件必须在load完成前绑定才能监听)。 继承自: BaseLayer#readyPromise 使用示例: tiles3dLayer.readyPromise.then(function(layer) { console.log("load完成", layer) }) show : boolean layer/BaseLayer.js 197显示隐藏状态 继承自: BaseLayer#show readonly state : State layer/BaseLayer.js 139当前对象的状态 继承自: BaseLayer#state templateValues : object layer/BaseLayer.js 111图层中统一的url模版,比如可以将服务url前缀统一使用模板,方便修改或动态配置。 继承自: BaseLayer#templateValues readonly type : string layer/BaseLayer.js 128图层类型 继承自: BaseLayer#type zIndex : number layer/graphicLayer/GraphicLayer.js 509图层顺序,数字大的在上面。 只对 同类型(Entity/Primitive) + 贴地(clampToGround: true) 矢量对象间有效 方法 abstract _removedHook() → void layer/graphicLayer/GraphicLayer.js 973对象从地图上移除的创建钩子方法, 每次remove时都会调用 返回值:无 activateEdit() → GraphicLayer layer/graphicLayer/GraphicLayer.js 1789激活编辑,绑定相关处理,同 hasEdit=true 返回值:当前对象本身,可以链式调用 addGraphic(graphic) → BaseGraphic|Array. layer/graphicLayer/GraphicLayer.js 1351添加Graphic矢量数据 参数名称 类型 描述信息 graphic BaseGraphic | Array. | *矢量数据 返回值:添加后的Graphic对象 addTo(map) → BaseLayer layer/BaseLayer.js 361添加到地图上,同 map.addThing 参数名称 类型 描述信息 map Map地图对象 返回值:当前对象本身,可以链式调用 继承自: BaseLayer#addTo autoSurfaceHeight(options) → Promise. layer/graphicLayer/GraphicLayer.js 1628异步计算更新坐标进行贴地(或贴模型) 参数名称 类型 默认值 描述信息 options object {} 可选参数对象: 参数名称 类型 默认值 描述信息 has3dtiles boolean auto 可选是否在3dtiles模型上分析(模型分析较慢,按需开启),默认内部根据点的位置自动判断(但可能不准) objectsToExclude Array. 可选贴模型分析时,排除的不进行贴模型计算的模型对象,可以是: primitives, entities, 或 3D Tiles features exact boolean false 可选是否进行精确计算, 传false时是否快速概略计算方式,该方式计算精度较低,但计算速度快,仅能计算在当前视域内坐标的高度 endItem function每计算完成1个graphic高度后 的回调方法 end function异步计算高度完成所有graphic后 的回调方法 返回值:绘制创建完成的Promise bindContextMenu(content, options) → BaseGraphicLayer layer/BaseGraphicLayer.js 465绑定右键菜单 参数名称 类型 默认值 描述信息 content Array.右键菜单配置数组,数组中每一项包括: 参数名称 类型 描述信息 text string | function 可选菜单文字 icon string 可选图标,可以是:图片url路径、base64字符串、svg字符串、字体图标class名 show function | boolean 可选菜单项是否显示的回调方法 callback function 可选菜单项单击后的回调方法 children Array. 可选当有二级子菜单时,配置数组。 options object {} 可选控制参数 参数名称 类型 描述信息 offsetX number 可选用于非规则对象时,横向偏移的px像素值 offsetY number 可选用于非规则对象时,垂直方向偏移的px像素值 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#bindContextMenu 使用示例: //在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参数。 返回值:无 继承自: BaseGraphicLayer#bindHighlight bindPopup(content, options) → BaseGraphicLayer layer/BaseGraphicLayer.js 253绑定鼠标单击对象后的弹窗。 参数名称 类型 描述信息 content string | function弹窗内容html字符串,或者回调方法。 options Popup.StyleOptions 可选控制参数 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#bindPopup bindTooltip(content, options) → BaseGraphicLayer layer/BaseGraphicLayer.js 334绑定鼠标移入的弹窗 参数名称 类型 描述信息 content string | function弹窗内容html字符串,或者回调方法。 options Tooltip.StyleOptions 可选控制参数 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#bindTooltip clear(hasDestroy) → void layer/graphicLayer/GraphicLayer.js 1529清除图层内所有矢量数据 参数名称 类型 默认值 描述信息 hasDestroy boolean true 可选是否释放矢量对象 返回值:无 clearDrawing() → boolean layer/graphicLayer/GraphicLayer.js 1768清除正在绘制的对象 返回值:是否清除了对象 closeContextMenu() → BaseGraphicLayer layer/BaseGraphicLayer.js 513关闭右键菜单 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#closeContextMenu closeHighlight() → void layer/BaseGraphicLayer.js 218清除已高亮的矢量对象 返回值:无 继承自: BaseGraphicLayer#closeHighlight closePopup() → BaseGraphicLayer layer/BaseGraphicLayer.js 298关闭弹窗 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#closePopup closeSmallTooltip() → BaseGraphicLayer layer/BaseGraphicLayer.js 542关闭小提示窗 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#closeSmallTooltip closeTooltip() → BaseGraphicLayer layer/BaseGraphicLayer.js 383关闭弹窗 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#closeTooltip disableEdit() → GraphicLayer layer/graphicLayer/GraphicLayer.js 1805释放编辑,解除绑定相关事件,同 hasEdit=false 返回值:当前对象本身,可以链式调用 eachGraphic(method, context, reverse) → GraphicLayer layer/graphicLayer/GraphicLayer.js 1499遍历所有矢量数据并将其作为参数传递给回调函数 参数名称 类型 描述信息 method function回调方法 context object 可选侦听器的上下文(this关键字将指向的对象)。 reverse boolean 可选是否倒序执行 返回值:当前对象本身,可以链式调用。 endDraw() → boolean layer/graphicLayer/GraphicLayer.js 1734完成绘制和编辑,如有未完成的绘制会自动完成。 在移动端需要调用此方法来类似PC端双击结束。 返回值:是否正常结束了矢量对象绘制 flyTo(options) → Promise. layer/BaseLayer.js 568飞行定位至图层数据所在的视角 参数名称 类型 默认值 描述信息 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 继承自: BaseLayer#flyTo getAvailabilityShow(time) → boolean layer/BaseLayer.js 318获取指定时间下的时序对应的 显示隐藏 状态 参数名称 类型 描述信息 time Cesium.JulianDate指定时间 返回值:显示隐藏 状态 继承自: BaseLayer#getAvailabilityShow getClusterList() → Array layer/graphicLayer/GraphicLayer.js 1307获取当前图层聚合点列表 返回值:聚合点列表 getContextMenu() → Array. layer/BaseGraphicLayer.js 417获取绑定的右键菜单数组 返回值:右键菜单数组 继承自: BaseGraphicLayer#getContextMenu getGraphicByAttr(attrValue, attrName) → BaseGraphic|* layer/graphicLayer/GraphicLayer.js 1460根据 指定属性 获取 单个矢量数据对象(多个匹配时取首个) 参数名称 类型 默认值 描述信息 attrValue string | number属性值 attrName string 'id' 可选属性键 返回值:矢量数据对象 getGraphicById(id) → BaseGraphic|* layer/graphicLayer/GraphicLayer.js 1450根据id或uuid取矢量数据对象 参数名称 类型 描述信息 id string | number矢量数据id或uuid 返回值:矢量数据对象 getGraphics(hasPrivate) → Array.|Array layer/graphicLayer/GraphicLayer.js 1509获取图层内 所有矢量数据 参数名称 类型 默认值 描述信息 hasPrivate boolean false 可选是否取私有的graphic 返回值:矢量数据数组 getGraphicsByAttr(attrValue, attrName) → Array. layer/graphicLayer/GraphicLayer.js 1470根据 指定属性 获取 矢量数据对象 数组 参数名称 类型 默认值 描述信息 attrValue string | number属性值 attrName string 'id' 可选属性键 返回值:矢量数据对象 getGraphicsByStyle(styleName, styleVal) → Array. layer/graphicLayer/GraphicLayer.js 1481根据 指定style样式 获取 矢量数据对象 数组 参数名称 类型 描述信息 styleName stringstyle内的字段名称 styleVal string | number | boolean | *属性值 返回值:矢量数据对象 getMaxHeight() → number layer/graphicLayer/GraphicLayer.js 1017获取图层内所有数据的 最大高度 返回值:高度 getRectangle(isFormat) → Cesium.Rectangle|object layer/graphicLayer/GraphicLayer.js 987获取图层内所有数据的 矩形边界值 参数名称 类型 默认值 描述信息 isFormat boolean false 可选是否格式化,格式化时示例: { xmin: 73.16895, xmax: 134.86816, ymin: 12.2023, ymax: 54.11485 } 返回值:isFormat:true时,返回格式化对象,isFormat:false时返回Cesium.Rectangle对象 hasContextMenu() → boolean layer/BaseGraphicLayer.js 396是否有绑定的右键菜单 返回值:是否有绑定 继承自: BaseGraphicLayer#hasContextMenu hasPopup() → boolean layer/BaseGraphicLayer.js 229是否存在Popup绑定,判断图层及内部所有矢量数据 返回值:是否存在Popup绑定 继承自: BaseGraphicLayer#hasPopup hasTooltip() → boolean layer/BaseGraphicLayer.js 311是否绑定了tooltip 返回值:是否绑定 继承自: BaseGraphicLayer#hasTooltip loadGeoJSON(geojson, options) → Array. layer/graphicLayer/GraphicLayer.js 1106加载转换GeoJSON格式规范数据为Graphic后加载到图层中。 参数名称 类型 描述信息 geojson string | objectGeoJSON格式规范数据 options object 可选加载控制参数,包含: 参数名称 类型 默认值 描述信息 clear boolean false 可选是否清除图层已有数据 flyTo boolean false 可选是否加载完成后进行飞行到数据区域 type GraphicType | string 可选转为指定的类型 style object 可选可以设置指定style样式,每种不同类型数据都有不同的样式,具体见各矢量数据的style参数。GraphicType // * @param {boolean} [options.style.merge] 是否合并并覆盖json中已有的style,默认不合并,仅适用style配置。 crs string 可选原始数据的坐标系,如'EPSG:3857' (可以从 http://epsg.io查询) simplify object 可选是否简化坐标点位,为空时不简化 参数名称 类型 默认值 描述信息 tolerance number 0.0001 可选简化的程度,传值是经纬度的小数位 highQuality boolean true 可选是否花更多的时间用不同的算法创建更高质量的简化 mutate boolean true 可选是否允许对输入进行变异(如果为true,则显著提高性能) onEachFeature function 可选创建每个Graphic前的回调 返回值:转换后的Graphic对象数组 openContextMenu(position) → BaseGraphicLayer layer/BaseGraphicLayer.js 497打开右键菜单 参数名称 类型 描述信息 position BaseGraphic | Cesium.Cartesian3矢量对象 或 显示的位置 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#openContextMenu openHighlight(graphic, event) → void layer/BaseGraphicLayer.js 207高亮对象 参数名称 类型 描述信息 graphic BaseGraphic高亮的矢量对,类型支持GraphicType event object 可选事件对象 返回值:无 继承自: BaseGraphicLayer#openHighlight openPopup(position) → BaseGraphicLayer layer/BaseGraphicLayer.js 284打开绑定的弹窗 参数名称 类型 描述信息 position BaseGraphic | LngLatPoint | Cesium.Cartesian3矢量对象 或 显示的位置 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#openPopup openSmallTooltip(position, message) → BaseGraphicLayer layer/BaseGraphicLayer.js 530显示小提示窗,一般用于鼠标操作的提示。 参数名称 类型 描述信息 position Cesium.Cartesian2 | Cesium.Cartesian3显示的屏幕坐标位置 或 笛卡尔坐标位置 message *显示的内容 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#openSmallTooltip openTooltip(position) → BaseGraphicLayer layer/BaseGraphicLayer.js 367打开绑定的tooltip弹窗 参数名称 类型 描述信息 position BaseGraphic | LngLatPoint | Cesium.Cartesian3graphic矢量对象 或 显示的位置 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#openTooltip remove(destroy) → void layer/BaseLayer.js 374从地图上移除,同map.removeThing 参数名称 类型 描述信息 destroy boolean 可选是否调用destroy释放 返回值:无 继承自: BaseLayer#remove removeGraphic(graphic, hasDestroy) → GraphicLayer layer/graphicLayer/GraphicLayer.js 1422移除Graphic矢量数据 参数名称 类型 默认值 描述信息 graphic BaseGraphic | *矢量数据 hasDestroy boolean false 可选是否释放矢量对象 返回值:当前对象本身,可以链式调用 setOpacity(value) → void layer/graphicLayer/GraphicLayer.js 1333设置透明度 , 非全部矢量数据都支持,具体需要对应Graphic支持才有效 参数名称 类型 描述信息 value number透明度 返回值:无 setOptions(options) → BaseLayer layer/BaseLayer.js 607更新图层参数 参数名称 类型 描述信息 options object与类的构造方法参数相同 返回值:当前对象本身,可以链式调用 继承自: BaseLayer#setOptions startDraw(options) → Promise. layer/graphicLayer/GraphicLayer.js 1713开始绘制矢量数据,绘制的数据会加载在当前图层。 参数名称 类型 描述信息 options object | *绘制参数,包含: 参数名称 类型 默认值 描述信息 type GraphicType | string类型 style object 可选矢量数据样式,具体参考支持 GraphicType查询对应type的类 attr object 可选矢量数据的 属性信息,可以任意附加属性。 success function 可选绘制创建完成的回调方法,同drawCreated事件,例如: success: function (graphic){ } //以下为Entity支持的构造参数 name string 可选矢量数据名称 minPointNum number 可选线面数据时限定的最小坐标个数 maxPointNum number 可选线面数据时限定的最大坐标个数 validDrawPosition function 可选外部自定义校验坐标,比如判断限定在指定区域内绘制。 updateDrawPosition function 可选外部自定义更新坐标,可以自定义处理特殊业务返回修改后的新坐标。 drawShow boolean true 可选绘制时,是否自动隐藏entity,可避免拾取坐标存在问题。 addHeight number 可选在绘制时,在绘制点的基础上增加的高度值 availability Cesium.TimeIntervalCollection | Cesium.TimeInterval | Array | object 可选指定时间范围内显示该对象 description Cesium.Property | string 可选指定此实体的HTML描述的字符串属性(infoBox中展示)。 返回值:绘制创建完成的Promise,等价于success参数 使用示例: //写法一,使用Promise graphicLayer.startDraw({ type: "point", style: { pixelSize: 12, color: "#3388ff" }, }) .then(function (graphic) { console.log("绘制矢量对象完成", graphic); }); //写法二,使用success回调方法参数 graphicLayer.startDraw({ type: "point", style: { pixelSize: 12, color: "#3388ff" }, success: function (graphic){ console.log("绘制矢量对象完成", graphic); } }) //写法三,在图层全局监听完成事件 graphicLayer.on(mars3d.EventType.drawCreated, function (e) { console.log("绘制矢量对象完成", e); }); graphicLayer.startDraw({ type: "point", style: { pixelSize: 12, color: "#3388ff" } }) startEditing(graphic, event) → GraphicLayer layer/graphicLayer/GraphicLayer.js 1887激活编辑指定的矢量数据 参数名称 类型 描述信息 graphic BaseGraphic | *需要激活编辑的矢量数据 event object 可选内部使用,传递事件 返回值:当前对象本身,可以链式调用 stopDraw() → boolean layer/graphicLayer/GraphicLayer.js 1753停止绘制。 线面对象:未完成的绘制会自动删除,已绘制的会完成在最后一个点位; 点状对象:会结束停留在最后一个点位,未完成的绘制会自动删除 如果需要清除正在绘制的对象,请用 clearDrawing() 方法 返回值:是否清除了未完成的对象 stopEditing() → GraphicLayer layer/graphicLayer/GraphicLayer.js 1911停止编辑,释放正在编辑的对象。 返回值:当前对象本身,可以链式调用 toBottom() → void layer/graphicLayer/GraphicLayer.js 608将当前图层在map中层级进行 置底 (只对同类型图层间+贴地对象 有效)。 返回值:无 toGeoJSON(options) → object layer/graphicLayer/GraphicLayer.js 1035将图层数据导出为GeoJSON格式规范对象。 参数名称 类型 描述信息 options object 可选参数对象: 参数名称 类型 默认值 描述信息 noAlt boolean 可选不导出高度值 stopEdit boolean false 可选是否停止绘制或编辑 返回值:GeoJSON格式规范对象 toJSON() → object layer/BaseLayer.js 633将图层转为Json简单对象,用于存储后再传参加载 返回值:Json简单对象 继承自: BaseLayer#toJSON toTop() → void layer/graphicLayer/GraphicLayer.js 590将当前图层在map中层级进行 置顶 (只对同类型图层间+贴地对象 有效)。 返回值:无 unbindContextMenu(bubbling) → BaseGraphicLayer layer/BaseGraphicLayer.js 480解除绑定的右键菜单 参数名称 类型 默认值 描述信息 bubbling boolean false 可选单击事件中是否继续冒泡查找 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#unbindContextMenu unbindHighlight() → void layer/BaseGraphicLayer.js 163解绑鼠标移入或单击后的高亮处理 返回值:无 继承自: BaseGraphicLayer#unbindHighlight unbindPopup(bubbling) → BaseGraphicLayer layer/BaseGraphicLayer.js 268解除绑定的鼠标单击对象后的弹窗。 参数名称 类型 默认值 描述信息 bubbling boolean false 可选单击事件中是否继续冒泡查找 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#unbindPopup unbindTooltip(bubbling) → BaseGraphicLayer layer/BaseGraphicLayer.js 350解除绑定的鼠标移入对象后的弹窗。 参数名称 类型 默认值 描述信息 bubbling boolean false 可选单击事件中是否继续冒泡查找 返回值:当前对象本身,可以链式调用 继承自: BaseGraphicLayer#unbindTooltip 定义的类型 mars3d.layer.GraphicLayer.EventType layer/graphicLayer/GraphicLayer.js 16当前类支持的EventType事件类型 属性: 属性名称 类型 描述信息 addGraphic string添加了矢量对象 removeGraphic string移除了矢量对象 addLayer string图层本身被添加 removeLayer string图层本身被移除 show string图层本身显示了 hide string图层本身隐藏了 click string左键单击 鼠标事件 rightClick string右键单击 鼠标事件 mouseOver string鼠标移入 鼠标事件 mouseOut string鼠标移出 鼠标事件 popupOpen stringpopup弹窗打开后 popupClose stringpopup弹窗关闭 tooltipOpen stringtooltip弹窗打开后 tooltipClose stringtooltip弹窗关闭 contextMenuOpen string右键菜单 打开后 contextMenuClose string右键菜单 关闭 contextMenuClick string右键菜单 单击某一项后 drawStart string开始绘制 标绘事件 drawMouseMove string正在移动鼠标中,绘制过程中鼠标移动了点 标绘事件 drawAddPoint string绘制过程中增加了点 标绘事件 drawRemovePoint string绘制过程中删除了最后一个点 标绘事件 drawCreated string创建完成 标绘事件 editStart string开始编辑 标绘事件 editMouseDown string移动鼠标按下左键(LEFT_DOWN)标绘事件 editMouseMove string正在移动鼠标中,正在编辑拖拽修改点中(MOUSE_MOVE) 标绘事件 editMovePoint string编辑修改了点(LEFT_UP)标绘事件 editAddPoint string编辑新增了点 标绘事件 editRemovePoint string编辑删除了点 标绘事件 editStyle string图上编辑修改了相关style属性 标绘事件 editStop string停止编辑 标绘事件 使用示例: //绑定监听事件 layer.on(mars3d.EventType.load, function (event) { console.log('矢量数据对象加载完成', event) }) 参考: BaseClass#on BaseClass#off |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |