| @@ -103,7 +103,7 @@ const config = { | |||
| - 返回值 `this` | |||
| ```js | |||
| // 属性参数(可选) | |||
| // 属性参数(属性可选) | |||
| const config = { | |||
| "shadows": false,// 是否开启阴影 | |||
| "resolutionScale": 1,// 设置渲染分辨率的缩放比例 | |||
| @@ -184,7 +184,7 @@ const config = { | |||
| - 返回值 `this` | |||
| ```js | |||
| //属性参数 (可选) | |||
| //属性参数 (属性可选) | |||
| const options = { | |||
| "name": "电子地图",//名称 | |||
| "iconUrl": "../preview.png",//缩略图 | |||
| @@ -408,7 +408,7 @@ popup.setContent('<div></div>') | |||
| - `{Object} config`:配置 **_`writeOnly`_** | |||
| ```js | |||
| // 配置(可选),配置后会影响全局的popup的显示样式,请慎重。 | |||
| // 配置(属性可选),配置后会影响全局的popup的显示样式,请慎重。 | |||
| const config = { | |||
| "position": "center",// popup的位于鼠标的点击位置的方向,有:center,left ,right | |||
| "customClass": "custom"// 添加自定义的Css 类名到popup中,多个用空格隔开 | |||
| @@ -706,7 +706,7 @@ scene.skyBox = new DC.SkyBox({ | |||
| - 返回值 `skyBox` | |||
| ```js | |||
| //options(可选) | |||
| //options(属性可选) | |||
| const options = { | |||
| "sources": {},// 六个面的贴图 | |||
| "show": true//显示 | |||
| @@ -748,7 +748,7 @@ scene.skyBox = new DC.GroundSkyBox({ | |||
| - 返回值 `skyBox` | |||
| ```js | |||
| //options(可选) | |||
| //options(属性可选) | |||
| const options = { | |||
| "sources": {},// 六个面的贴图 | |||
| "show": true,//显示 | |||
| @@ -46,8 +46,8 @@ aroundPoint.start() | |||
| - 返回值 `aroundPoint` | |||
| ```js | |||
| //options(可选) | |||
| const config = { | |||
| //options(属性可选) | |||
| const options = { | |||
| "heading": 0, //偏移角度 | |||
| "pitch": 0, //翻转角度 | |||
| "range": 0, //距离 | |||
| @@ -175,19 +175,13 @@ globeRotate.start() | |||
| - `{Object} options`:options | |||
| - 返回值 `globeRotate` | |||
| ```json | |||
| //options(optional) | |||
| { | |||
| "speed": 12 | |||
| * | |||
| 1000, | |||
| //速度 | |||
| "duration": 0, | |||
| //持续时间,当此值大于0时,callback才会生效 | |||
| "callback": null, | |||
| //执行完成的回调函数 | |||
| "context": null | |||
| //回调函数执行上下文 | |||
| ```js | |||
| //options(属性可选) | |||
| const options = { | |||
| "speed": 12 * 1000,//速度 | |||
| "duration": 0, //持续时间,当此值大于0时,callback才会生效 | |||
| "callback": null,//执行完成的回调函数 | |||
| "context": null //回调函数执行上下文 | |||
| } | |||
| ``` | |||
| @@ -260,13 +254,11 @@ let rc = new DC.RoamingController(viewer) | |||
| - `{String} viewOption`:漫游参数 | |||
| - 返回值 `this` | |||
| ```json | |||
| // 漫游参数(可选) | |||
| { | |||
| "pitch": 0, | |||
| // 俯仰角 | |||
| "range": 1000 | |||
| // 距离 | |||
| ```js | |||
| // viewOption(属性属性可选) | |||
| const viewOption = { | |||
| "pitch": 0,// 俯仰角 | |||
| "range": 1000// 距离 | |||
| } | |||
| ``` | |||
| @@ -428,15 +420,12 @@ let tc = new DC.TrackController(viewer) | |||
| - `{String} viewOption`:配置信息 | |||
| - 返回值 `this` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "mode": null, | |||
| // 视角模式:DC.TrackViewMode | |||
| "pitch": 0, | |||
| // 俯仰角,第一视角有效 | |||
| "range": 1000 | |||
| // 距离 | |||
| ```js | |||
| // viewOption(属性可选) | |||
| const viewOption = { | |||
| "mode": null,// 视角模式:DC.TrackViewMode | |||
| "pitch": 0,// 俯仰角,第一视角有效 | |||
| "range": 1000// 距离 | |||
| } | |||
| ``` | |||
| @@ -479,21 +468,15 @@ tc.addTrack(track) | |||
| - `{Object} options`: 配置参数 | |||
| - 返回值 `track` | |||
| ```json | |||
| //配置参数(可选) | |||
| { | |||
| "clampToGround": false, | |||
| // 是否贴地 | |||
| "clampToTileset": false, | |||
| // 是否贴物 | |||
| "interpolationType": "Linear", | |||
| // 插值类型:Linear、Hermite、Lagrange | |||
| "interpolationDegree": 2, | |||
| // 插值度数 | |||
| "endDelayTime": 0.5, | |||
| // 结束时间延长时间,单位:秒, | |||
| "headingOffset": 0 | |||
| //旋转偏移 | |||
| ```js | |||
| //options(属性可选) | |||
| const options = { | |||
| "clampToGround": false,// 是否贴地 | |||
| "clampToTileset": false,// 是否贴物 | |||
| "interpolationType": "Linear",// 插值类型:Linear、Hermite、Lagrange | |||
| "interpolationDegree": 2,// 插值度数 | |||
| "endDelayTime": 0.5,// 结束时间延长时间,单位:秒, | |||
| "headingOffset": 0//旋转偏移 | |||
| } | |||
| ``` | |||
| @@ -269,11 +269,11 @@ circleScan.start() | |||
| - `{Object} options`:属性 | |||
| - 返回值 `circleScan` | |||
| ```json | |||
| // 属性参数(optional) | |||
| { | |||
| "color": DC.Color.BLUE, // 颜色 | |||
| "speed": 5 // 速度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.BLUE,// 颜色 | |||
| "speed": 5// 速度 | |||
| } | |||
| ``` | |||
| @@ -301,10 +301,10 @@ radarScan.start() | |||
| - `{Object} options`:属性 | |||
| - 返回值 `radarScan` | |||
| ```json | |||
| // 属性参数(optional) | |||
| { | |||
| "color": DC.Color.BLUE, // 颜色 | |||
| "speed": 5 // 速度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.BLUE,// 颜色 | |||
| "speed": 5// 速度 | |||
| } | |||
| ``` | |||
| @@ -2,7 +2,7 @@ | |||
| ## config | |||
| > 框架全局配置,用于配置资源文件以及AccessToken | |||
| > 框架全局配置,用于配置资源文件以及accessToken | |||
| ```js | |||
| DC.config.baseUrl = "../***/***/" | |||
| @@ -13,7 +13,7 @@ | |||
| - 返回值 `Promise` | |||
| ```js | |||
| //属性参数(可选) | |||
| //config(属性可选) | |||
| const config = { | |||
| "baseUrl": "<Cesium 静态资源路径,默认值为:“./libs/dc-sdk/resources/” >" | |||
| } | |||
| @@ -373,7 +373,8 @@ layer.eachOverlay((item) => { | |||
| - 参数 | |||
| - `{String} id`:图层唯一标识 | |||
| - `{String} url`:数据地址 | |||
| - `{Object} options`:属性配置,详情参考:[GeoJsonDataSource](http://resource.dvgis.cn/cesium-docs/GeoJsonDataSource.html) | |||
| - `{Object} options` | |||
| :属性配置,详情参考:[GeoJsonDataSource](http://resource.dvgis.cn/cesium-docs/GeoJsonDataSource.html) | |||
| - 返回值 `geoJsonLayer` | |||
| ### methods | |||
| @@ -428,7 +429,8 @@ layer.eachOverlay((item) => { | |||
| - 参数 | |||
| - `{String} id`:图层唯一标识 | |||
| - `{String} url`:数据地址 | |||
| - `{Object} options`:属性配置,详情参考:[GeoJsonDataSource](http://resource.dvgis.cn/cesium-docs/GeoJsonDataSource.html) | |||
| - `{Object} options` | |||
| :属性配置,详情参考:[GeoJsonDataSource](http://resource.dvgis.cn/cesium-docs/GeoJsonDataSource.html) | |||
| - 返回值 `topoJsonLayer` | |||
| ### methods | |||
| @@ -579,8 +581,8 @@ viewer.addLayer(layer) | |||
| - 返回值 `clusterLayer` | |||
| ```js | |||
| // 属性参数(可选) | |||
| { | |||
| // options(属性可选) | |||
| const options = { | |||
| "radius": 40,//像素范围 | |||
| "maxZoom": 25, | |||
| "image": "<单个点图片地址>", | |||
| @@ -592,11 +594,12 @@ viewer.addLayer(layer) | |||
| "0.1": DC.Color.RED | |||
| },//幅度颜色设置 | |||
| "gradientImages": {},//幅度图片设置,仅当style为custom有效 | |||
| "clusterSize":16//集合图标尺寸 | |||
| "fontSize": 12, | |||
| // 字体大小 | |||
| "fontColor": DC.Color.BLACK //字体颜色 | |||
| "getCountOffset": (count)=>{return {x:0,y:0}} //字体偏移函数 | |||
| "clusterSize": 16, //集合图标尺寸 | |||
| "fontSize": 12,// 字体大小 | |||
| "fontColor": DC.Color.BLACK, //字体颜色 | |||
| "getCountOffset": (count) => { | |||
| return { x: 0, y: 0 } | |||
| } //字体偏移函数 | |||
| } | |||
| ``` | |||
| @@ -632,18 +635,18 @@ viewer.addLayer(layer) | |||
| - `{Object} options`:属性配置 | |||
| - 返回值 `heatMapLayer` | |||
| ```json | |||
| //属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "gradient": { | |||
| "0.5": "green", | |||
| "0.6": "orange", | |||
| "0.95": "red" | |||
| }, //颜色设置 | |||
| "height": 0, // 高度 | |||
| },//颜色设置 | |||
| "height": 0,// 高度 | |||
| "radius": 30, // 半径 | |||
| "useGround": false, //是否使用贴地模式 | |||
| "classificationType": 2 //分类 是否影响地形,3D切片或同时影响这两者。0:地形、1:3D切片、2:两者。贴地模式下生效 | |||
| "useGround": false,//是否使用贴地模式 | |||
| "classificationType": 2//分类 是否影响地形,3D切片或同时影响这两者。0:地形、1:3D切片、2:两者。贴地模式下生效 | |||
| } | |||
| ``` | |||
| @@ -657,12 +660,12 @@ viewer.addLayer(layer) | |||
| - `{Array<Object>} points`:点位信息 | |||
| - 返回值 `heatMapLayer` | |||
| ```json | |||
| //点位信息参数 | |||
| { | |||
| "lng": "", //经度 | |||
| ```js | |||
| // 点位信息参数 | |||
| const point = { | |||
| "lng": "",//经度 | |||
| "lat": "", //纬度 | |||
| "value": 10 //强度 | |||
| "value": 10//强度 | |||
| } | |||
| ``` | |||
| @@ -688,15 +691,15 @@ viewer.addLayer(layer) | |||
| - `{Object} options`:属性配置 | |||
| - 返回值 `windLayer` | |||
| ```json | |||
| //属性参数(可选) | |||
| { | |||
| "globalAlpha": 0.9, //透明度 | |||
| "lineWidth": 1, // 线宽 | |||
| "colorScale": "#fff", //颜色 | |||
| ```js | |||
| //options(属性可选) | |||
| const options = { | |||
| "globalAlpha": 0.9,//透明度 | |||
| "lineWidth": 1,// 线宽 | |||
| "colorScale": "#fff",//颜色 | |||
| "velocityScale": 1 / 25, | |||
| "maxAge": 90, | |||
| "paths": 800, // 路径数 | |||
| "paths": 800,// 路径数 | |||
| "frameRate": 20, | |||
| "useCoordsDraw": true, | |||
| "gpet": true | |||
| @@ -748,11 +751,11 @@ viewer.addLayer(chartLayer) | |||
| - `{Object} option`:echarts 配置,详情参考:[echarts](https://www.echartsjs.com/zh/option.html#title) | |||
| - 返回值 `chartLayer` | |||
| ```json | |||
| ```js | |||
| // options,其他的参数参考 echarts | |||
| { | |||
| "animation": false, // 必须要加 | |||
| "GLMap": {}, //地图 | |||
| const options = { | |||
| "animation": false, // 必须要加 | |||
| "GLMap": {}, //地图 | |||
| "series": [ | |||
| { | |||
| "coordinateSystem": "GLMap" // 坐标系统 | |||
| @@ -1,7 +1,8 @@ | |||
| # 材质 API 🌎 | |||
| 在真实世界里,每个物体会对光产生不同的反应。钢看起来比陶瓷花瓶更闪闪发光,一个木头箱子不会像钢箱子一样对光产生很强的反射。每个物体对镜面高光也有不同的反应。有些物体不会散射(Scatter)很多光却会反射(Reflect)很多光,结果看起来就有一个较小的高光点(Highlight),有些物体散射了很多,它们就会产生一个半径更大的高光。如果我们想要在 OpenGL 中模拟多种类型的物体,我们必须为每个物体分别定义材质(Material)属性。 | |||
| 在真实世界里,每个物体会对光产生不同的反应。钢看起来比陶瓷花瓶更闪闪发光,一个木头箱子不会像钢箱子一样对光产生很强的反射。每个物体对镜面高光也有不同的反应。有些物体不会散射( | |||
| Scatter)很多光却会反射(Reflect)很多光,结果看起来就有一个较小的高光点(Highlight),有些物体散射了很多,它们就会产生一个半径更大的高光。如果我们想要在 | |||
| OpenGL 中模拟多种类型的物体,我们必须为每个物体分别定义材质(Material)属性。 | |||
| ## DC.ColorMaterialProperty | |||
| @@ -46,9 +47,9 @@ let material = new DC.ImageMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `material` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "image": "", // 图片地址 | |||
| "repeat": { "x": 1, "y": 1 }, // 图片重复 | |||
| "color": DC.Color.WHITE, // 图片颜色 | |||
| @@ -85,9 +86,9 @@ let material = new DC.CircleBlurMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| } | |||
| @@ -120,11 +121,11 @@ let material = new DC.CircleDiffuseMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| "speed": 10// 速度 | |||
| } | |||
| ``` | |||
| @@ -155,11 +156,11 @@ let material = new DC.CircleFadeMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10// 速度 | |||
| } | |||
| ``` | |||
| @@ -190,11 +191,11 @@ let material = new DC.CirclePulseMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| "speed": 10// 速度 | |||
| } | |||
| ``` | |||
| @@ -225,11 +226,11 @@ let material = new DC.CircleScanMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10// 速度 | |||
| } | |||
| ``` | |||
| @@ -260,10 +261,10 @@ let material = new DC.CircleSpiralMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10 // 速度 | |||
| } | |||
| ``` | |||
| @@ -295,11 +296,11 @@ let material = new DC.CircleVaryMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10// 速度 | |||
| } | |||
| ``` | |||
| @@ -330,13 +331,13 @@ let material = new DC.CircleWaveMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10, // 速度 | |||
| "count": 5, //数量 | |||
| "gradient": 0.1 //强度 | |||
| "gradient": 0.1 //强度 | |||
| } | |||
| ``` | |||
| @@ -369,10 +370,10 @@ let material = new DC.EllipsoidElectricMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10 // 速度 | |||
| } | |||
| ``` | |||
| @@ -404,11 +405,11 @@ let material = new DC.EllipsoidTrailMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| "speed": 10 // 速度 | |||
| } | |||
| ``` | |||
| @@ -439,12 +440,12 @@ let material = new DC.PolylineDashMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 虚线颜色 | |||
| "gapColor": DC.Color.TRANSPARENT, // 间隔颜色 | |||
| "dashLength": 16.0 // 虚线片段长度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 虚线颜色 | |||
| "gapColor": DC.Color.TRANSPARENT,// 间隔颜色 | |||
| "dashLength": 16.0// 虚线片段长度 | |||
| } | |||
| ``` | |||
| @@ -501,12 +502,12 @@ let material = new DC.PolylineOutlineMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "outlineColor": DC.Color.BLACK, // 边线颜色 | |||
| "outlineWidth": 1 // 边线宽度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "outlineColor": DC.Color.BLACK,// 边线颜色 | |||
| "outlineWidth": 1// 边线宽度 | |||
| } | |||
| ``` | |||
| @@ -539,11 +540,11 @@ let material = new DC.PolylineGlowMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "glowPower": 0.25, // 发光强度,以总线宽的百分比表示 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "glowPower": 0.25,// 发光强度,以总线宽的百分比表示 | |||
| "taperPower": 1 // 渐缩效果的强度 | |||
| } | |||
| ``` | |||
| @@ -576,10 +577,10 @@ let material = new DC.PolylineFlickerMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10 // 速度 | |||
| } | |||
| ``` | |||
| @@ -611,12 +612,12 @@ let material = new DC.PolylineFlowMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10, // 速度, | |||
| "percent": 0.3, // 比例 | |||
| "percent": 0.3,// 比例 | |||
| "gradient": 0.1 // 透明程度 | |||
| } | |||
| ``` | |||
| @@ -652,13 +653,16 @@ let material = new DC.PolylineImageTrailMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10, // 速度 | |||
| "image": "**/*.png", // 图片地址 | |||
| "repeat": { "x": 10, "y": 1 } //重复规则 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10,// 速度 | |||
| "image": "**/*.png",// 图片地址 | |||
| "repeat": { | |||
| "x": 10, | |||
| "y": 1 | |||
| } //重复规则 | |||
| } | |||
| ``` | |||
| @@ -691,9 +695,9 @@ let material = new DC.PolylineLightingMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE // 颜色 | |||
| } | |||
| ``` | |||
| @@ -724,11 +728,11 @@ let material = new DC.PolylineLightingTrailMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10// 速度 | |||
| } | |||
| ``` | |||
| @@ -759,10 +763,10 @@ let material = new DC.PolylineTrailMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10 // 速度 | |||
| } | |||
| ``` | |||
| @@ -794,11 +798,11 @@ let material = new DC.RadarLineMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10// 速度 | |||
| } | |||
| ``` | |||
| @@ -829,11 +833,11 @@ let material = new DC.RadarWaveMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10// 速度 | |||
| } | |||
| ``` | |||
| @@ -866,13 +870,16 @@ let material = new DC.WallImageTrailMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10, // 速度 | |||
| "image": "**/*.png", // 图片地址 | |||
| "repeat": { "x": 10, "y": 1 } //重复规则 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE,// 颜色 | |||
| "speed": 10,// 速度 | |||
| "image": "**/*.png",// 图片地址 | |||
| "repeat": { | |||
| "x": 10, | |||
| "y": 1 | |||
| } //重复规则 | |||
| } | |||
| ``` | |||
| @@ -905,11 +912,11 @@ let material = new DC.WallTrailMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "color": DC.Color.WHITE, // 颜色 | |||
| "speed": 10 // 速度 | |||
| "speed": 10// 速度 | |||
| } | |||
| ``` | |||
| @@ -941,18 +948,18 @@ let material = new DC.WaterMaterialProperty({ | |||
| - `{Object} options`:属性 | |||
| - 返回值 `materialProperty` | |||
| ```json | |||
| // 属性参数(可选) | |||
| { | |||
| "baseWaterColor": DC.Color.WHITE, // 水体颜色 | |||
| "blendColor": DC.Color.WHITE, // 混合颜色 | |||
| "specularMap": "", // 镜面图 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "baseWaterColor": DC.Color.WHITE,// 水体颜色 | |||
| "blendColor": DC.Color.WHITE,// 混合颜色 | |||
| "specularMap": "",// 镜面图 | |||
| "normalMap": "", // 法线图 | |||
| "frequency": 1000, //波纹数量 | |||
| "animationSpeed": 0.03, // 动画速度 | |||
| "amplitude": 10, //水波振幅 | |||
| "specularIntensity": 10 //镜面反射强度 | |||
| } | |||
| } | |||
| ``` | |||
| ### properties | |||
| @@ -38,9 +38,9 @@ point.setStyle({ | |||
| - `{Object} style`:样式,详情参考:[PointGraphics](http://resource.dvgis.cn/cesium-docs/PointGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "pixelSize": 1, //像素大小 | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "color": DC.Color.WHITE, //颜色 | |||
| @@ -105,9 +105,9 @@ billboard.size = [20, 20] | |||
| - `{Object} style`:样式,详情参考:[Billboard](http://resource.dvgis.cn/cesium-docs/Billboard.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "scale": 1, //比例 | |||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | |||
| @@ -165,9 +165,9 @@ billboard.size = [20, 20] | |||
| - `{Object} style`:样式,详情参考:[Billboard](http://resource.dvgis.cn/cesium-docs/Billboard.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "maxOffsetY": 10, //垂直方向最大平移量 | |||
| "offsetAmount": 0.1 //垂直方向每帧平移量 | |||
| // 其他样式参考 BillboardPrimitive 样式 | |||
| @@ -211,9 +211,9 @@ let Label = new DC.LabelPrimitive(position, 'test') | |||
| - `{Object} style`:样式,详情参考:[Label](http://resource.dvgis.cn/cesium-docs/Label.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "font": "30px sans-serif", // CSS 字体设置 | |||
| "scale": 1, //比例 | |||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | |||
| @@ -276,9 +276,9 @@ let label = new DC.BounceLabelPrimitive(position, 'test') | |||
| - `{Object} style`:样式,详情参考:[Label](http://resource.dvgis.cn/cesium-docs/Label.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "maxOffsetY": 10, //垂直方向最大平移量 | |||
| "offsetAmount": 0.1 //垂直方向每帧平移量 | |||
| // 其他样式参考 LabelPrimitive 样式 | |||
| @@ -324,9 +324,9 @@ polyline.setStyle({ | |||
| - `{Object} style`:样式,详情参考:[Polyline](http://resource.dvgis.cn/cesium-docs/Polyline.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "width": 1, //线宽 | |||
| "material": DC.Color.WHITE, //材质 | |||
| "clampToGround": false, //是否贴地 | |||
| @@ -374,9 +374,9 @@ let trailLinePrimitive = new DC.TrailLinePrimitive('120,20;120,30;122,30') | |||
| - `{Object} style`:样式 | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "speed": 5, //速度 | |||
| "color": DC.Color.WHITE //颜色 | |||
| } | |||
| @@ -416,9 +416,9 @@ let flowLinePrimitive = new DC.FlowLinePrimitive('120,20;120,30;122,30') | |||
| - `{Object} style`:样式 | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "speed": 5, //速度 | |||
| "color": DC.Color.WHITE, //颜色 | |||
| "percent": 0.3, // 比例 | |||
| @@ -494,9 +494,9 @@ let model = new DC.ModelPrimitive(position, '**/**.glb') | |||
| - `{Object} style`:样式,详情参考:[Model](http://resource.dvgis.cn/cesium-docs/Model.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "scale": 1, //比例 | |||
| "minimumPixelSize": 0, //指定模型的最小像素大小,而不考虑缩放 | |||
| "maximumScale": 0, //指定模型的最大比例 | |||
| @@ -551,9 +551,9 @@ let wall = new DC.DiffuseWallPrimitive(position, 2000, 1000) | |||
| - `{Object} style`:样式 | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "minRadius": 10, // 动画最小半径 | |||
| "minHeight": 30, // 动画最小高度 | |||
| "color": DC.Color.RED, // 墙体颜色 | |||
| @@ -569,7 +569,11 @@ let wall = new DC.DiffuseWallPrimitive(position, 2000, 1000) | |||
| ### example | |||
| ```js | |||
| let elecEllipsoid = new DC.ElecEllipsoidPrimitive('120,20',{x:2000,y:2000:z:2000}) | |||
| let elecEllipsoid = new DC.ElecEllipsoidPrimitive('120,20', { | |||
| x: 2000, | |||
| y: 2000, | |||
| z: 2000 | |||
| }) | |||
| ``` | |||
| ### creation | |||
| @@ -598,9 +602,9 @@ let elecEllipsoid = new DC.ElecEllipsoidPrimitive('120,20',{x:2000,y:2000:z:2000 | |||
| - `{Object} style`:样式 | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "speed": 5, //速度 | |||
| "color": DC.Color.WHITE //颜色 | |||
| } | |||
| @@ -647,9 +651,9 @@ let cylinder = new DC.LightCylinderPrimitive(position, 1000, 1, 100) | |||
| - `{Object} style`:样式 | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "color": DC.Color.BLACK //颜色 | |||
| } | |||
| ``` | |||
| @@ -690,9 +694,9 @@ let scanCirclePrimitive = new DC.ScanCirclePrimitive('120,20', 1000) | |||
| - `{Object} style`:样式 | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "speed": 5, //速度 | |||
| "color": DC.Color.WHITE //颜色 | |||
| } | |||
| @@ -741,9 +745,9 @@ water.setStyle({ | |||
| - `{Object} style`:样式,详情参考:[PolygonGraphics](http://resource.dvgis.cn/cesium-docs/PolygonGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "height": 1, //高度 | |||
| "extrudedHeight": 0, //拉升高度 | |||
| "stRotation": 0, //旋转角度 | |||
| @@ -132,9 +132,9 @@ point.setStyle({ | |||
| - `{Object} style`:样式,详情参考:[PointGraphics](http://resource.dvgis.cn/cesium-docs/PointGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "pixelSize": 1, //像素大小 | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "color": DC.Color.WHITE, //颜色 | |||
| @@ -207,9 +207,9 @@ polyline.setStyle({ | |||
| - `{Object} style`:样式,详情参考:[PolylineGraphics](http://resource.dvgis.cn/cesium-docs/PolylineGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "width": 1, //线宽 | |||
| "material": DC.Color.WHITE, //材质 | |||
| "clampToGround": false, //是否贴地 | |||
| @@ -271,9 +271,9 @@ polygon.setStyle({ | |||
| - `{Object} style`:样式,详情参考:[PolygonGraphics](http://resource.dvgis.cn/cesium-docs/PolygonGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "height": 1, //高度 | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "extrudedHeight": 0, //拉升高度 | |||
| @@ -342,9 +342,9 @@ billboard.size = [20, 20] | |||
| - `{Object} style`:样式,详情参考:[BillboardGraphics](http://resource.dvgis.cn/cesium-docs/BillboardGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "scale": 1, //比例 | |||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | |||
| @@ -414,9 +414,9 @@ let Label = new DC.Label(position, 'test') | |||
| - `{Object} style`:样式,详情参考:[LabelGraphics](http://resource.dvgis.cn/cesium-docs/LabelGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "font": "30px sans-serif", // CSS 字体设置 | |||
| "scale": 1, //比例 | |||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | |||
| @@ -493,9 +493,9 @@ let circle = new DC.Circle(position, 200) | |||
| - `{Object} style`:样式,详情参考:[EllipseGraphics](http://resource.dvgis.cn/cesium-docs/EllipseGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "height": 1, //高度 | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "extrudedHeight": 0, //拉升高度 | |||
| @@ -550,9 +550,9 @@ let rectangle = new DC.Rect('-90.0,32.0;-94.0,36.0;') | |||
| - `{Object} style`:样式,详情参考:[RectangleGraphics](http://resource.dvgis.cn/cesium-docs/RectangleGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "height": 1, //高度 | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "extrudedHeight": 0, //拉升高度 | |||
| @@ -607,9 +607,9 @@ let wall = new DC.Wall('-90.0,32.0,1000;-94.0,36.0,1000;') | |||
| - `{Object} style`:样式,详情参考:[WallGraphics](http://resource.dvgis.cn/cesium-docs/WallGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "fill": true, //是否用提供的材料填充多边形。 | |||
| "material": DC.Color.WHITE, //材质 | |||
| "outline": false, //是否显示边框 | |||
| @@ -669,9 +669,9 @@ let model = new DC.Model(position, '**/**.glb') | |||
| - `{Object} style`:样式,详情参考:[ModelGraphics](http://resource.dvgis.cn/cesium-docs/ModelGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "scale": 1, //比例 | |||
| "minimumPixelSize": 0, //指定模型的最小像素大小,而不考虑缩放 | |||
| "maximumScale": 0, //指定模型的最大比例 | |||
| @@ -797,13 +797,17 @@ tileset.setPosition(position) | |||
| - `{Array<Object>} properties`: 属性 | |||
| - 返回值 `this` | |||
| ```json | |||
| //属性参数 | |||
| { | |||
| "key": "name", //已有属性名称 | |||
| "keyValue": "1", //已有属性值 | |||
| "propertyName": "highlight", //新增属性名称 | |||
| "propertyValue": true //新增属性值 | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "key": "name", | |||
| //已有属性名称 | |||
| "keyValue": "1", | |||
| //已有属性值 | |||
| "propertyName": "highlight", | |||
| //新增属性名称 | |||
| "propertyValue": true | |||
| //新增属性值 | |||
| } | |||
| ``` | |||
| @@ -844,19 +848,20 @@ let divIcon = new DC.DivIcon(position, '<div></div>') | |||
| - `{Object} style`:样式, | |||
| - 返回值 `this` | |||
| ```json | |||
| { | |||
| "className": "test", //样式名 | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "className": "test",//样式名 | |||
| "scaleByDistance": { | |||
| "near": 0, //最近距离 | |||
| "near": 0,//最近距离 | |||
| "nearValue": 0, //最近距离值 | |||
| "far": 1, //最远距离值 | |||
| "farValue": 0 //最远距离值 | |||
| "farValue": 0//最远距离值 | |||
| }, //根据距离设置比例 | |||
| "distanceDisplayCondition": { | |||
| "near": 0, //最近距离 | |||
| "far": Number.MAX_VALUE //最远距离 | |||
| } //根据距离设置可见 | |||
| "far": Number.MAX_VALUE//最远距离 | |||
| }//根据距离设置可见 | |||
| } | |||
| ``` | |||
| @@ -910,8 +915,9 @@ let box = new DC.Box(position, 20, 30, 40) | |||
| - `{Object} style`:样式,详情参考:[BoxGraphics](http://resource.dvgis.cn/cesium-docs/BoxGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "fill": true, //是否用提供的材料填充多边形。 | |||
| "material": DC.Color.WHITE, //材质 | |||
| @@ -921,8 +927,8 @@ let box = new DC.Box(position, 20, 30, 40) | |||
| "shadows": 0, //阴影类型,0:禁用、1:启用 、2:投射、3:接受 | |||
| "distanceDisplayCondition": { | |||
| "near": 0, //最近距离 | |||
| "far": Number.MAX_VALUE //最远距离 | |||
| } //根据距离设置可见 | |||
| "far": Number.MAX_VALUE//最远距离 | |||
| }//根据距离设置可见 | |||
| } | |||
| ``` | |||
| @@ -963,9 +969,9 @@ corridor.setStyle({ | |||
| - `{Object} style`:样式,详情参考:[CorridorGraphics](http://resource.dvgis.cn/cesium-docs/CorridorGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "width": 1, //线宽 | |||
| "height": 0, //高度 | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| @@ -1034,9 +1040,9 @@ let cylinder = new DC.Cylinder(position, 20, 30, 40) | |||
| - `{Object} style`:样式,详情参考:[CylinderGraphics](http://resource.dvgis.cn/cesium-docs/CylinderGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "fill": true, //是否用提供的材料填充多边形。 | |||
| "material": DC.Color.WHITE, //材质 | |||
| @@ -1090,9 +1096,9 @@ let ellipse = new DC.Ellipse(position, 20, 30) | |||
| - `{Object} style`:样式,详情参考:[EllipseGraphics](http://resource.dvgis.cn/cesium-docs/EllipseGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "height": 1, //高度 | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "extrudedHeight": 0, //拉升高度 | |||
| @@ -1150,21 +1156,21 @@ let ellipsoid = new DC.Sphere(position, { x: 30, y: 30, z: 30 }) | |||
| - `{Object} style`:样式,详情参考:[EllipsoidGraphics](http://resource.dvgis.cn/cesium-docs/EllipsoidGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "fill": true, //是否用提供的材料填充多边形。 | |||
| "material": DC.Color.WHITE, //材质 | |||
| "outline": false, //是否显示边框 | |||
| "outlineColor": DC.Color.BLACK, //边框颜色 | |||
| "outlineWidth": 0, //边框宽度 | |||
| "shadows": 0, //阴影类型,0:禁用、1:启用 、2:投射、3:接受 | |||
| "distanceDisplayCondition": { | |||
| "near": 0, //最近距离 | |||
| "far": Number.MAX_VALUE //最远距离 | |||
| } //根据距离设置可见 | |||
| } | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "fill": true, //是否用提供的材料填充多边形。 | |||
| "material": DC.Color.WHITE, //材质 | |||
| "outline": false, //是否显示边框 | |||
| "outlineColor": DC.Color.BLACK, //边框颜色 | |||
| "outlineWidth": 0, //边框宽度 | |||
| "shadows": 0, //阴影类型,0:禁用、1:启用 、2:投射、3:接受 | |||
| "distanceDisplayCondition": { | |||
| "near": 0, //最近距离 | |||
| "far": Number.MAX_VALUE //最远距离 | |||
| } //根据距离设置可见 | |||
| } | |||
| ``` | |||
| ## DC.Plane | |||
| @@ -1191,11 +1197,11 @@ let plane = new DC.Plane(position, 20, 30, { normal: 'x' }) | |||
| - `{Object} plane`:面板格式 | |||
| - 返回值 `plane` | |||
| ```json | |||
| // 面板参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "normal": "x", // 法线,x,y,z其中一个 | |||
| "distance": 0 // 距离 | |||
| "distance": 0// 距离 | |||
| } | |||
| ``` | |||
| @@ -1216,9 +1222,9 @@ let plane = new DC.Plane(position, 20, 30, { normal: 'x' }) | |||
| - `{Object} style`:样式,详情参考:[PlaneGraphics](http://resource.dvgis.cn/cesium-docs/PlaneGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "fill": true, //是否用提供的材料填充多边形。 | |||
| "material": DC.Color.WHITE, //材质 | |||
| "outline": false, //是否显示边框 | |||
| @@ -1280,12 +1286,13 @@ let polylineVolume = new DC.PolylineVolume( | |||
| 设置样式 | |||
| - 参数 | |||
| - `{Object} style`:样式,详情参考:[PolylineVolumeGraphics](http://resource.dvgis.cn/cesium-docs/PolylineVolumeGraphics.html) | |||
| - `{Object} style` | |||
| :样式,详情参考:[PolylineVolumeGraphics](http://resource.dvgis.cn/cesium-docs/PolylineVolumeGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "cornerType": 0, //转角类别,0:圆角、1:直角、2:斜角 | |||
| "fill": true, //是否用提供的材料填充多边形。 | |||
| "material": DC.Color.WHITE, //材质 | |||
| @@ -1356,9 +1363,9 @@ billboard.size = [20, 20] | |||
| - `{Object} style`:样式,详情参考:[BillboardGraphics](http://resource.dvgis.cn/cesium-docs/BillboardGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "scale": 1, //比例 | |||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | |||
| @@ -1429,9 +1436,9 @@ let model = new DC.DynamicModel(position, '**/**.glb') | |||
| - `{Object} style`:样式,详情参考:[ModelGraphics](http://resource.dvgis.cn/cesium-docs/ModelGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "scale": 1, //比例 | |||
| "minimumPixelSize": 0, //指定模型的最小像素大小,而不考虑缩放 | |||
| "maximumScale": 0, //指定模型的最大比例 | |||
| @@ -1504,9 +1511,9 @@ billboard.size = [20, 20] | |||
| - `{Object} style`:样式,详情参考:[BillboardGraphics](http://resource.dvgis.cn/cesium-docs/BillboardGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "scale": 1, //比例 | |||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | |||
| @@ -1586,9 +1593,9 @@ let label = new DC.CustomLabel(position, 'test') | |||
| - `{Object} style`:样式,详情参考:[LabelGraphics](http://resource.dvgis.cn/cesium-docs/LabelGraphics.html) | |||
| - 返回值 `this` | |||
| ```json | |||
| // 样式参数(可选) | |||
| { | |||
| ```js | |||
| // style(属性可选) | |||
| const style = { | |||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | |||
| "scale": 1, //比例 | |||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | |||
| @@ -2,7 +2,6 @@ | |||
| 构建地球表面的地形和图片,展现地球表面的真实状态 | |||
| ## DC.CustomGeographicTilingScheme | |||
| > 自定义地理平铺方案 | |||
| @@ -15,7 +14,7 @@ | |||
| viewer.addBaseLayer(DC.ImageryLayerFactory.createCoordImageryLayer({ | |||
| tilingScheme: new DC.CustomGeographicTilingScheme( | |||
| { | |||
| origin: [-180,90], | |||
| origin: [-180, 90], | |||
| resolutions: [ | |||
| 0.703125, | |||
| 0.3515625, | |||
| @@ -28,7 +27,6 @@ | |||
| ``` | |||
| ### creation | |||
| - **_constructor(options)_** | |||
| @@ -39,10 +37,10 @@ | |||
| - `{Object} options`:配置 | |||
| - 返回值 `tilingScheme` | |||
| ```json | |||
| // 属性参数 | |||
| { | |||
| "origin": [-180,90], // 切图原点,默认为[-180,90],必选 | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "origin": [-180, 90], // 切图原点,默认为[-180,90],必选 | |||
| "zoomOffset": 0, //瓦片的0级对应Cesium的瓦片层级,值为: 0 - Cesium层级,若瓦片的0级对应Cesium的10级,则值为 0 - 10 = -10,同时在瓦片请求时{z}的数值替换时也需加上这个层级偏移值 | |||
| "tileSize": 256, //瓦片的大小,默认为256,即一张瓦片的大小为 256 * 256 | |||
| "resolutions": [],//瓦片每一层级分辨率 | |||
| @@ -87,9 +85,9 @@ | |||
| - `{Object} options`:配置 | |||
| - 返回值 `tilingScheme` | |||
| ```json | |||
| // 属性参数 | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "origin": [-20037508.3427892, 20037508.3427892], //切图原点,默认为[-20037508.3427892, 20037508.3427892],必选 | |||
| "zoomOffset": 0, //瓦片的0级对应Cesium的瓦片层级,值为: 0 - Cesium层级,若瓦片的0级对应Cesium的10级,则值为 0 - 10 = -10,同时在瓦片请求时{z}的数值替换时也需加上这个层级偏移值 | |||
| "tileSize": 256, //瓦片的大小,默认为256,即一张瓦片的大小为 256 * 256 | |||
| @@ -164,7 +162,8 @@ viewer.addBaseLayer(baseLayer, { | |||
| 创建 Arcgis 地图 | |||
| - 参数 | |||
| - `{Object} options`:属性,详情参考 [ArcGis](http://resource.dvgis.cn/cesium-docs/ArcGisMapServerImageryProvider.html#.ConstructorOptions) | |||
| - `{Object} options` | |||
| :属性,详情参考 [ArcGis](http://resource.dvgis.cn/cesium-docs/ArcGisMapServerImageryProvider.html#.ConstructorOptions) | |||
| - 返回值 `Promise<baseLayer>` | |||
| - **_createSingleTileImageryLayer(options)_** | |||
| @@ -172,7 +171,8 @@ viewer.addBaseLayer(baseLayer, { | |||
| 创建单图片地图 | |||
| - 参数 | |||
| - `{Object} options`:属性,详情参考 [Single](http://resource.dvgis.cn/cesium-docs/SingleTileImageryProvider.html#.ConstructorOptions) | |||
| - `{Object} options` | |||
| :属性,详情参考 [Single](http://resource.dvgis.cn/cesium-docs/SingleTileImageryProvider.html#.ConstructorOptions) | |||
| - 返回值 `Promise<baseLayer>` | |||
| - **_createWMSImageryLayer(options)_** | |||
| @@ -180,7 +180,8 @@ viewer.addBaseLayer(baseLayer, { | |||
| 创建 WMS 地图 | |||
| - 参数 | |||
| - `{Object} options`:属性,详情参考 [WMS](http://resource.dvgis.cn/cesium-docs/WebMapServiceImageryProvider.html#.ConstructorOptions) | |||
| - `{Object} options` | |||
| :属性,详情参考 [WMS](http://resource.dvgis.cn/cesium-docs/WebMapServiceImageryProvider.html#.ConstructorOptions) | |||
| - 返回值 `Promise<baseLayer>` | |||
| - **_createWMTSImageryLayer(options)_** | |||
| @@ -188,7 +189,8 @@ viewer.addBaseLayer(baseLayer, { | |||
| 创建 WMTS 地图 | |||
| - 参数 | |||
| - `{Object} options`:属性,详情参考 [WMTS](http://resource.dvgis.cn/cesium-docs/WebMapTileServiceImageryProvider.html#.ConstructorOptions) | |||
| - `{Object} options` | |||
| :属性,详情参考 [WMTS](http://resource.dvgis.cn/cesium-docs/WebMapTileServiceImageryProvider.html#.ConstructorOptions) | |||
| - 返回值 `Promise<baseLayer>` | |||
| - **_createXYZImageryLayer(options)_** | |||
| @@ -196,7 +198,8 @@ viewer.addBaseLayer(baseLayer, { | |||
| 创建 X/Y/Z 地图 | |||
| - 参数 | |||
| - `{Object} options`:属性,详情参考 [X/Y/Z](http://resource.dvgis.cn/cesium-docs/UrlTemplateImageryProvider.html#.ConstructorOptions) | |||
| - `{Object} options` | |||
| :属性,详情参考 [X/Y/Z](http://resource.dvgis.cn/cesium-docs/UrlTemplateImageryProvider.html#.ConstructorOptions) | |||
| - 返回值 `Promise<baseLayer>` | |||
| - **_createCoordImageryLayer(options)_** | |||
| @@ -212,7 +215,8 @@ viewer.addBaseLayer(baseLayer, { | |||
| 创建网格地图 | |||
| - 参数 | |||
| - `{Object} options`:属性,详情参考 [Grid](http://resource.dvgis.cn/cesium-docs/GridImageryProvider.html#.ConstructorOptions) | |||
| - `{Object} options` | |||
| :属性,详情参考 [Grid](http://resource.dvgis.cn/cesium-docs/GridImageryProvider.html#.ConstructorOptions) | |||
| - 返回值 `Promise<baseLayer>` | |||
| - **_createMapboxImageryLayer(options)_** | |||
| @@ -220,7 +224,8 @@ viewer.addBaseLayer(baseLayer, { | |||
| 创建 Mapbox 地图 | |||
| - 参数 | |||
| - `{Object} options`:属性,详情参考 [Mapbox](http://resource.dvgis.cn/cesium-docs/MapboxImageryProvider.html#.ConstructorOptions) | |||
| - `{Object} options` | |||
| :属性,详情参考 [Mapbox](http://resource.dvgis.cn/cesium-docs/MapboxImageryProvider.html#.ConstructorOptions) | |||
| - 返回值 `Promise<baseLayer>` | |||
| - **_createMapboxStyleImageryLayer(options)_** | |||
| @@ -228,7 +233,8 @@ viewer.addBaseLayer(baseLayer, { | |||
| 创建 Mapbox 样式地图 | |||
| - 参数 | |||
| - `{Object} options`:属性,详情参考 [Mapbox Style](http://resource.dvgis.cn/cesium-docs/MapboxStyleImageryProvider.html#.ConstructorOptions) | |||
| - `{Object} options` | |||
| :属性,详情参考 [Mapbox Style](http://resource.dvgis.cn/cesium-docs/MapboxStyleImageryProvider.html#.ConstructorOptions) | |||
| - 返回值 `Promise<baseLayer>` | |||
| - **_createTMSImageryLayer(options)_** | |||
| @@ -236,7 +242,8 @@ viewer.addBaseLayer(baseLayer, { | |||
| 创建 TMS 地图 | |||
| - 参数 | |||
| - `{Object} options`:属性,详情参考 [TMS](http://resource.dvgis.cn/cesium-docs/TileMapServiceImageryProvider.html#.ConstructorOptions) | |||
| - `{Object} options` | |||
| :属性,详情参考 [TMS](http://resource.dvgis.cn/cesium-docs/TileMapServiceImageryProvider.html#.ConstructorOptions) | |||
| - 返回值 `Promise<baseLayer>l` | |||
| - **_createImageryLayer(type, options)_** | |||
| @@ -248,22 +255,22 @@ viewer.addBaseLayer(baseLayer, { | |||
| - `{Object} options`:属性 | |||
| - 返回值 `Promise<baseLayer>` | |||
| ```json | |||
| //属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "url": "", //地址:arcgis/wmts/xyx/single 有效 | |||
| "style": "img", //样式:img、elec、ter。百度:normal,dark,腾讯:img,1、4 | |||
| "key": "", //认证,仅天地图有效 | |||
| "subdomains": [], | |||
| "crs":"WGS84",// 坐标系: WGS84 、BD09 、GCJ02,仅百度、高德有效 | |||
| "protocol":null,// http、https | |||
| "tilingScheme":null, // 瓦片切片模式:GeographicTilingScheme , WebMercatorTilingScheme | |||
| "crs": "WGS84", // 坐标系: WGS84 、BD09 、GCJ02,仅百度、高德有效 | |||
| "protocol": null, // http、https | |||
| "tilingScheme": null, // 瓦片切片模式:GeographicTilingScheme , WebMercatorTilingScheme | |||
| "rectangle": { | |||
| "west": 0, | |||
| "south": 0, | |||
| "east": 0, | |||
| "north": | |||
| } // 瓦片范围,有west,south,east,north 单位为: 弧度,使用经纬度时需将转为弧度 | |||
| "north": 0 | |||
| }// 瓦片范围,有west,south,east,north 单位为: 弧度,使用经纬度时需将转为弧度 | |||
| } | |||
| ``` | |||
| @@ -329,9 +336,9 @@ viewer.setTerrain(terrain) | |||
| - `{Object} options`:属性 | |||
| - 返回值 `Promise<terrain>` | |||
| ```json | |||
| //属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "url": "" // 服务地址 | |||
| } | |||
| ``` | |||
| @@ -1,4 +1,3 @@ | |||
| # 工具 API 🌎 | |||
| 三维场景中的辅助工具,方便在场景中进行各种标绘、测量、位置编辑 | |||
| @@ -11,7 +10,8 @@ | |||
| ```js | |||
| let plot = new DC.Plot(viewer, {}) | |||
| plot.draw(DC.OverlayType.POINT, (overlay) => {}, {}) | |||
| plot.draw(DC.OverlayType.POINT, (overlay) => { | |||
| }, {}) | |||
| ``` | |||
| ### creation | |||
| @@ -25,14 +25,14 @@ plot.draw(DC.OverlayType.POINT, (overlay) => {}, {}) | |||
| - `{Object} options`:属性 | |||
| - 返回值 `plot` | |||
| ```json | |||
| //属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "icon_center": "**.png", // 自定义的中心点图标 | |||
| "icon_anchor": "**.png", //自定义的锚点图标 | |||
| "icon_midAnchor": "**.png", //自定义的中心锚点图标 | |||
| "icon_size": [12, 12],//自定义的中心锚点大小 | |||
| "clampToModel":false // 点位是否获取模型表面坐标 | |||
| "clampToModel": false // 点位是否获取模型表面坐标 | |||
| } | |||
| ``` | |||
| @@ -160,9 +160,9 @@ let measure = new DC.Measure(viewer) | |||
| - `{Object} options`:配置 | |||
| - 返回值 `this` | |||
| ```json | |||
| //属性参数(可选) | |||
| { | |||
| ```js | |||
| // options(属性可选) | |||
| const options = { | |||
| "icon_center": "**.png", // 自定义的中心点图标 | |||
| "icon_anchor": "**.png", //自定义的锚点图标 | |||
| "icon_midAnchor": "**.png", //自定义的中心锚点图标 | |||
| @@ -1,15 +0,0 @@ | |||
| # 从 2.x 迁移 | |||
| ## 修改框架引入方式修改 | |||
| ```js | |||
| import * as DC from '@dvgis/dc-sdk' | |||
| import '@dvgis/dc-sdk/dist/dc.min.css' | |||
| ``` | |||
| ## 修改框架初始函数 | |||
| ```js | |||
| // DC.ready().then(initViewer) | |||
| let viewer = new DC.Viewer("viewer-container") | |||
| ``` | |||