| - 返回值 `this` | - 返回值 `this` | ||||
| ```js | ```js | ||||
| // 属性参数(可选) | |||||
| // 属性参数(属性可选) | |||||
| const config = { | const config = { | ||||
| "shadows": false,// 是否开启阴影 | "shadows": false,// 是否开启阴影 | ||||
| "resolutionScale": 1,// 设置渲染分辨率的缩放比例 | "resolutionScale": 1,// 设置渲染分辨率的缩放比例 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```js | ```js | ||||
| //属性参数 (可选) | |||||
| //属性参数 (属性可选) | |||||
| const options = { | const options = { | ||||
| "name": "电子地图",//名称 | "name": "电子地图",//名称 | ||||
| "iconUrl": "../preview.png",//缩略图 | "iconUrl": "../preview.png",//缩略图 | ||||
| - `{Object} config`:配置 **_`writeOnly`_** | - `{Object} config`:配置 **_`writeOnly`_** | ||||
| ```js | ```js | ||||
| // 配置(可选),配置后会影响全局的popup的显示样式,请慎重。 | |||||
| // 配置(属性可选),配置后会影响全局的popup的显示样式,请慎重。 | |||||
| const config = { | const config = { | ||||
| "position": "center",// popup的位于鼠标的点击位置的方向,有:center,left ,right | "position": "center",// popup的位于鼠标的点击位置的方向,有:center,left ,right | ||||
| "customClass": "custom"// 添加自定义的Css 类名到popup中,多个用空格隔开 | "customClass": "custom"// 添加自定义的Css 类名到popup中,多个用空格隔开 | ||||
| - 返回值 `skyBox` | - 返回值 `skyBox` | ||||
| ```js | ```js | ||||
| //options(可选) | |||||
| //options(属性可选) | |||||
| const options = { | const options = { | ||||
| "sources": {},// 六个面的贴图 | "sources": {},// 六个面的贴图 | ||||
| "show": true//显示 | "show": true//显示 | ||||
| - 返回值 `skyBox` | - 返回值 `skyBox` | ||||
| ```js | ```js | ||||
| //options(可选) | |||||
| //options(属性可选) | |||||
| const options = { | const options = { | ||||
| "sources": {},// 六个面的贴图 | "sources": {},// 六个面的贴图 | ||||
| "show": true,//显示 | "show": true,//显示 |
| - 返回值 `aroundPoint` | - 返回值 `aroundPoint` | ||||
| ```js | ```js | ||||
| //options(可选) | |||||
| const config = { | |||||
| //options(属性可选) | |||||
| const options = { | |||||
| "heading": 0, //偏移角度 | "heading": 0, //偏移角度 | ||||
| "pitch": 0, //翻转角度 | "pitch": 0, //翻转角度 | ||||
| "range": 0, //距离 | "range": 0, //距离 | ||||
| - `{Object} options`:options | - `{Object} options`:options | ||||
| - 返回值 `globeRotate` | - 返回值 `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 //回调函数执行上下文 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{String} viewOption`:漫游参数 | - `{String} viewOption`:漫游参数 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 漫游参数(可选) | |||||
| { | |||||
| "pitch": 0, | |||||
| // 俯仰角 | |||||
| "range": 1000 | |||||
| // 距离 | |||||
| ```js | |||||
| // viewOption(属性属性可选) | |||||
| const viewOption = { | |||||
| "pitch": 0,// 俯仰角 | |||||
| "range": 1000// 距离 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{String} viewOption`:配置信息 | - `{String} viewOption`:配置信息 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "mode": null, | |||||
| // 视角模式:DC.TrackViewMode | |||||
| "pitch": 0, | |||||
| // 俯仰角,第一视角有效 | |||||
| "range": 1000 | |||||
| // 距离 | |||||
| ```js | |||||
| // viewOption(属性可选) | |||||
| const viewOption = { | |||||
| "mode": null,// 视角模式:DC.TrackViewMode | |||||
| "pitch": 0,// 俯仰角,第一视角有效 | |||||
| "range": 1000// 距离 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`: 配置参数 | - `{Object} options`: 配置参数 | ||||
| - 返回值 `track` | - 返回值 `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//旋转偏移 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `circleScan` | - 返回值 `circleScan` | ||||
| ```json | |||||
| // 属性参数(optional) | |||||
| { | |||||
| "color": DC.Color.BLUE, // 颜色 | |||||
| "speed": 5 // 速度 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.BLUE,// 颜色 | |||||
| "speed": 5// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `radarScan` | - 返回值 `radarScan` | ||||
| ```json | |||||
| // 属性参数(optional) | |||||
| { | |||||
| "color": DC.Color.BLUE, // 颜色 | |||||
| "speed": 5 // 速度 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.BLUE,// 颜色 | |||||
| "speed": 5// 速度 | |||||
| } | } | ||||
| ``` | ``` |
| ## config | ## config | ||||
| > 框架全局配置,用于配置资源文件以及AccessToken | |||||
| > 框架全局配置,用于配置资源文件以及accessToken | |||||
| ```js | ```js | ||||
| DC.config.baseUrl = "../***/***/" | DC.config.baseUrl = "../***/***/" | ||||
| - 返回值 `Promise` | - 返回值 `Promise` | ||||
| ```js | ```js | ||||
| //属性参数(可选) | |||||
| //config(属性可选) | |||||
| const config = { | const config = { | ||||
| "baseUrl": "<Cesium 静态资源路径,默认值为:“./libs/dc-sdk/resources/” >" | "baseUrl": "<Cesium 静态资源路径,默认值为:“./libs/dc-sdk/resources/” >" | ||||
| } | } |
| - 参数 | - 参数 | ||||
| - `{String} id`:图层唯一标识 | - `{String} id`:图层唯一标识 | ||||
| - `{String} url`:数据地址 | - `{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` | - 返回值 `geoJsonLayer` | ||||
| ### methods | ### methods | ||||
| - 参数 | - 参数 | ||||
| - `{String} id`:图层唯一标识 | - `{String} id`:图层唯一标识 | ||||
| - `{String} url`:数据地址 | - `{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` | - 返回值 `topoJsonLayer` | ||||
| ### methods | ### methods | ||||
| - 返回值 `clusterLayer` | - 返回值 `clusterLayer` | ||||
| ```js | ```js | ||||
| // 属性参数(可选) | |||||
| { | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "radius": 40,//像素范围 | "radius": 40,//像素范围 | ||||
| "maxZoom": 25, | "maxZoom": 25, | ||||
| "image": "<单个点图片地址>", | "image": "<单个点图片地址>", | ||||
| "0.1": DC.Color.RED | "0.1": DC.Color.RED | ||||
| },//幅度颜色设置 | },//幅度颜色设置 | ||||
| "gradientImages": {},//幅度图片设置,仅当style为custom有效 | "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 } | |||||
| } //字体偏移函数 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性配置 | - `{Object} options`:属性配置 | ||||
| - 返回值 `heatMapLayer` | - 返回值 `heatMapLayer` | ||||
| ```json | |||||
| //属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "gradient": { | "gradient": { | ||||
| "0.5": "green", | "0.5": "green", | ||||
| "0.6": "orange", | "0.6": "orange", | ||||
| "0.95": "red" | "0.95": "red" | ||||
| }, //颜色设置 | |||||
| "height": 0, // 高度 | |||||
| },//颜色设置 | |||||
| "height": 0,// 高度 | |||||
| "radius": 30, // 半径 | "radius": 30, // 半径 | ||||
| "useGround": false, //是否使用贴地模式 | |||||
| "classificationType": 2 //分类 是否影响地形,3D切片或同时影响这两者。0:地形、1:3D切片、2:两者。贴地模式下生效 | |||||
| "useGround": false,//是否使用贴地模式 | |||||
| "classificationType": 2//分类 是否影响地形,3D切片或同时影响这两者。0:地形、1:3D切片、2:两者。贴地模式下生效 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Array<Object>} points`:点位信息 | - `{Array<Object>} points`:点位信息 | ||||
| - 返回值 `heatMapLayer` | - 返回值 `heatMapLayer` | ||||
| ```json | |||||
| //点位信息参数 | |||||
| { | |||||
| "lng": "", //经度 | |||||
| ```js | |||||
| // 点位信息参数 | |||||
| const point = { | |||||
| "lng": "",//经度 | |||||
| "lat": "", //纬度 | "lat": "", //纬度 | ||||
| "value": 10 //强度 | |||||
| "value": 10//强度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性配置 | - `{Object} options`:属性配置 | ||||
| - 返回值 `windLayer` | - 返回值 `windLayer` | ||||
| ```json | |||||
| //属性参数(可选) | |||||
| { | |||||
| "globalAlpha": 0.9, //透明度 | |||||
| "lineWidth": 1, // 线宽 | |||||
| "colorScale": "#fff", //颜色 | |||||
| ```js | |||||
| //options(属性可选) | |||||
| const options = { | |||||
| "globalAlpha": 0.9,//透明度 | |||||
| "lineWidth": 1,// 线宽 | |||||
| "colorScale": "#fff",//颜色 | |||||
| "velocityScale": 1 / 25, | "velocityScale": 1 / 25, | ||||
| "maxAge": 90, | "maxAge": 90, | ||||
| "paths": 800, // 路径数 | |||||
| "paths": 800,// 路径数 | |||||
| "frameRate": 20, | "frameRate": 20, | ||||
| "useCoordsDraw": true, | "useCoordsDraw": true, | ||||
| "gpet": true | "gpet": true | ||||
| - `{Object} option`:echarts 配置,详情参考:[echarts](https://www.echartsjs.com/zh/option.html#title) | - `{Object} option`:echarts 配置,详情参考:[echarts](https://www.echartsjs.com/zh/option.html#title) | ||||
| - 返回值 `chartLayer` | - 返回值 `chartLayer` | ||||
| ```json | |||||
| ```js | |||||
| // options,其他的参数参考 echarts | // options,其他的参数参考 echarts | ||||
| { | |||||
| "animation": false, // 必须要加 | |||||
| "GLMap": {}, //地图 | |||||
| const options = { | |||||
| "animation": false, // 必须要加 | |||||
| "GLMap": {}, //地图 | |||||
| "series": [ | "series": [ | ||||
| { | { | ||||
| "coordinateSystem": "GLMap" // 坐标系统 | "coordinateSystem": "GLMap" // 坐标系统 |
| # 材质 API 🌎 | # 材质 API 🌎 | ||||
| 在真实世界里,每个物体会对光产生不同的反应。钢看起来比陶瓷花瓶更闪闪发光,一个木头箱子不会像钢箱子一样对光产生很强的反射。每个物体对镜面高光也有不同的反应。有些物体不会散射(Scatter)很多光却会反射(Reflect)很多光,结果看起来就有一个较小的高光点(Highlight),有些物体散射了很多,它们就会产生一个半径更大的高光。如果我们想要在 OpenGL 中模拟多种类型的物体,我们必须为每个物体分别定义材质(Material)属性。 | |||||
| 在真实世界里,每个物体会对光产生不同的反应。钢看起来比陶瓷花瓶更闪闪发光,一个木头箱子不会像钢箱子一样对光产生很强的反射。每个物体对镜面高光也有不同的反应。有些物体不会散射( | |||||
| Scatter)很多光却会反射(Reflect)很多光,结果看起来就有一个较小的高光点(Highlight),有些物体散射了很多,它们就会产生一个半径更大的高光。如果我们想要在 | |||||
| OpenGL 中模拟多种类型的物体,我们必须为每个物体分别定义材质(Material)属性。 | |||||
| ## DC.ColorMaterialProperty | ## DC.ColorMaterialProperty | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `material` | - 返回值 `material` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "image": "", // 图片地址 | "image": "", // 图片地址 | ||||
| "repeat": { "x": 1, "y": 1 }, // 图片重复 | "repeat": { "x": 1, "y": 1 }, // 图片重复 | ||||
| "color": DC.Color.WHITE, // 图片颜色 | "color": DC.Color.WHITE, // 图片颜色 | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE, // 颜色 | "color": DC.Color.WHITE, // 颜色 | ||||
| "speed": 10 // 速度 | "speed": 10 // 速度 | ||||
| } | } | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE, // 颜色 | "color": DC.Color.WHITE, // 颜色 | ||||
| "speed": 10 // 速度 | |||||
| "speed": 10// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| "speed": 10 // 速度 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE, // 颜色 | "color": DC.Color.WHITE, // 颜色 | ||||
| "speed": 10 // 速度 | |||||
| "speed": 10// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| "speed": 10 // 速度 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10 // 速度 | "speed": 10 // 速度 | ||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| "speed": 10 // 速度 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10, // 速度 | "speed": 10, // 速度 | ||||
| "count": 5, //数量 | "count": 5, //数量 | ||||
| "gradient": 0.1 //强度 | |||||
| "gradient": 0.1 //强度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10 // 速度 | "speed": 10 // 速度 | ||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE, // 颜色 | "color": DC.Color.WHITE, // 颜色 | ||||
| "speed": 10 // 速度 | |||||
| "speed": 10 // 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `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// 虚线片段长度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `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// 边线宽度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| "glowPower": 0.25, // 发光强度,以总线宽的百分比表示 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "glowPower": 0.25,// 发光强度,以总线宽的百分比表示 | |||||
| "taperPower": 1 // 渐缩效果的强度 | "taperPower": 1 // 渐缩效果的强度 | ||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10 // 速度 | "speed": 10 // 速度 | ||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10, // 速度, | "speed": 10, // 速度, | ||||
| "percent": 0.3, // 比例 | |||||
| "percent": 0.3,// 比例 | |||||
| "gradient": 0.1 // 透明程度 | "gradient": 0.1 // 透明程度 | ||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `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 | |||||
| } //重复规则 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE // 颜色 | "color": DC.Color.WHITE // 颜色 | ||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| "speed": 10 // 速度 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10 // 速度 | "speed": 10 // 速度 | ||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| "speed": 10 // 速度 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| "color": DC.Color.WHITE, // 颜色 | |||||
| "speed": 10 // 速度 | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE,// 颜色 | |||||
| "speed": 10// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `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 | |||||
| } //重复规则 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `materialProperty` | ||||
| ```json | |||||
| // 属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "color": DC.Color.WHITE, // 颜色 | "color": DC.Color.WHITE, // 颜色 | ||||
| "speed": 10 // 速度 | |||||
| "speed": 10// 速度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `materialProperty` | - 返回值 `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": "", // 法线图 | "normalMap": "", // 法线图 | ||||
| "frequency": 1000, //波纹数量 | "frequency": 1000, //波纹数量 | ||||
| "animationSpeed": 0.03, // 动画速度 | "animationSpeed": 0.03, // 动画速度 | ||||
| "amplitude": 10, //水波振幅 | "amplitude": 10, //水波振幅 | ||||
| "specularIntensity": 10 //镜面反射强度 | "specularIntensity": 10 //镜面反射强度 | ||||
| } | |||||
| } | |||||
| ``` | ``` | ||||
| ### properties | ### properties |
| - `{Object} style`:样式,详情参考:[PointGraphics](http://resource.dvgis.cn/cesium-docs/PointGraphics.html) | - `{Object} style`:样式,详情参考:[PointGraphics](http://resource.dvgis.cn/cesium-docs/PointGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "pixelSize": 1, //像素大小 | "pixelSize": 1, //像素大小 | ||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "color": DC.Color.WHITE, //颜色 | "color": DC.Color.WHITE, //颜色 | ||||
| - `{Object} style`:样式,详情参考:[Billboard](http://resource.dvgis.cn/cesium-docs/Billboard.html) | - `{Object} style`:样式,详情参考:[Billboard](http://resource.dvgis.cn/cesium-docs/Billboard.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | ||||
| - `{Object} style`:样式,详情参考:[Billboard](http://resource.dvgis.cn/cesium-docs/Billboard.html) | - `{Object} style`:样式,详情参考:[Billboard](http://resource.dvgis.cn/cesium-docs/Billboard.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "maxOffsetY": 10, //垂直方向最大平移量 | "maxOffsetY": 10, //垂直方向最大平移量 | ||||
| "offsetAmount": 0.1 //垂直方向每帧平移量 | "offsetAmount": 0.1 //垂直方向每帧平移量 | ||||
| // 其他样式参考 BillboardPrimitive 样式 | // 其他样式参考 BillboardPrimitive 样式 | ||||
| - `{Object} style`:样式,详情参考:[Label](http://resource.dvgis.cn/cesium-docs/Label.html) | - `{Object} style`:样式,详情参考:[Label](http://resource.dvgis.cn/cesium-docs/Label.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "font": "30px sans-serif", // CSS 字体设置 | "font": "30px sans-serif", // CSS 字体设置 | ||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | ||||
| - `{Object} style`:样式,详情参考:[Label](http://resource.dvgis.cn/cesium-docs/Label.html) | - `{Object} style`:样式,详情参考:[Label](http://resource.dvgis.cn/cesium-docs/Label.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "maxOffsetY": 10, //垂直方向最大平移量 | "maxOffsetY": 10, //垂直方向最大平移量 | ||||
| "offsetAmount": 0.1 //垂直方向每帧平移量 | "offsetAmount": 0.1 //垂直方向每帧平移量 | ||||
| // 其他样式参考 LabelPrimitive 样式 | // 其他样式参考 LabelPrimitive 样式 | ||||
| - `{Object} style`:样式,详情参考:[Polyline](http://resource.dvgis.cn/cesium-docs/Polyline.html) | - `{Object} style`:样式,详情参考:[Polyline](http://resource.dvgis.cn/cesium-docs/Polyline.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "width": 1, //线宽 | "width": 1, //线宽 | ||||
| "material": DC.Color.WHITE, //材质 | "material": DC.Color.WHITE, //材质 | ||||
| "clampToGround": false, //是否贴地 | "clampToGround": false, //是否贴地 | ||||
| - `{Object} style`:样式 | - `{Object} style`:样式 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "speed": 5, //速度 | "speed": 5, //速度 | ||||
| "color": DC.Color.WHITE //颜色 | "color": DC.Color.WHITE //颜色 | ||||
| } | } | ||||
| - `{Object} style`:样式 | - `{Object} style`:样式 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "speed": 5, //速度 | "speed": 5, //速度 | ||||
| "color": DC.Color.WHITE, //颜色 | "color": DC.Color.WHITE, //颜色 | ||||
| "percent": 0.3, // 比例 | "percent": 0.3, // 比例 | ||||
| - `{Object} style`:样式,详情参考:[Model](http://resource.dvgis.cn/cesium-docs/Model.html) | - `{Object} style`:样式,详情参考:[Model](http://resource.dvgis.cn/cesium-docs/Model.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "minimumPixelSize": 0, //指定模型的最小像素大小,而不考虑缩放 | "minimumPixelSize": 0, //指定模型的最小像素大小,而不考虑缩放 | ||||
| "maximumScale": 0, //指定模型的最大比例 | "maximumScale": 0, //指定模型的最大比例 | ||||
| - `{Object} style`:样式 | - `{Object} style`:样式 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "minRadius": 10, // 动画最小半径 | "minRadius": 10, // 动画最小半径 | ||||
| "minHeight": 30, // 动画最小高度 | "minHeight": 30, // 动画最小高度 | ||||
| "color": DC.Color.RED, // 墙体颜色 | "color": DC.Color.RED, // 墙体颜色 | ||||
| ### example | ### example | ||||
| ```js | ```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 | ### creation | ||||
| - `{Object} style`:样式 | - `{Object} style`:样式 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "speed": 5, //速度 | "speed": 5, //速度 | ||||
| "color": DC.Color.WHITE //颜色 | "color": DC.Color.WHITE //颜色 | ||||
| } | } | ||||
| - `{Object} style`:样式 | - `{Object} style`:样式 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "color": DC.Color.BLACK //颜色 | "color": DC.Color.BLACK //颜色 | ||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} style`:样式 | - `{Object} style`:样式 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "speed": 5, //速度 | "speed": 5, //速度 | ||||
| "color": DC.Color.WHITE //颜色 | "color": DC.Color.WHITE //颜色 | ||||
| } | } | ||||
| - `{Object} style`:样式,详情参考:[PolygonGraphics](http://resource.dvgis.cn/cesium-docs/PolygonGraphics.html) | - `{Object} style`:样式,详情参考:[PolygonGraphics](http://resource.dvgis.cn/cesium-docs/PolygonGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "height": 1, //高度 | "height": 1, //高度 | ||||
| "extrudedHeight": 0, //拉升高度 | "extrudedHeight": 0, //拉升高度 | ||||
| "stRotation": 0, //旋转角度 | "stRotation": 0, //旋转角度 |
| - `{Object} style`:样式,详情参考:[PointGraphics](http://resource.dvgis.cn/cesium-docs/PointGraphics.html) | - `{Object} style`:样式,详情参考:[PointGraphics](http://resource.dvgis.cn/cesium-docs/PointGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "pixelSize": 1, //像素大小 | "pixelSize": 1, //像素大小 | ||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "color": DC.Color.WHITE, //颜色 | "color": DC.Color.WHITE, //颜色 | ||||
| - `{Object} style`:样式,详情参考:[PolylineGraphics](http://resource.dvgis.cn/cesium-docs/PolylineGraphics.html) | - `{Object} style`:样式,详情参考:[PolylineGraphics](http://resource.dvgis.cn/cesium-docs/PolylineGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "width": 1, //线宽 | "width": 1, //线宽 | ||||
| "material": DC.Color.WHITE, //材质 | "material": DC.Color.WHITE, //材质 | ||||
| "clampToGround": false, //是否贴地 | "clampToGround": false, //是否贴地 | ||||
| - `{Object} style`:样式,详情参考:[PolygonGraphics](http://resource.dvgis.cn/cesium-docs/PolygonGraphics.html) | - `{Object} style`:样式,详情参考:[PolygonGraphics](http://resource.dvgis.cn/cesium-docs/PolygonGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "height": 1, //高度 | "height": 1, //高度 | ||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "extrudedHeight": 0, //拉升高度 | "extrudedHeight": 0, //拉升高度 | ||||
| - `{Object} style`:样式,详情参考:[BillboardGraphics](http://resource.dvgis.cn/cesium-docs/BillboardGraphics.html) | - `{Object} style`:样式,详情参考:[BillboardGraphics](http://resource.dvgis.cn/cesium-docs/BillboardGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | ||||
| - `{Object} style`:样式,详情参考:[LabelGraphics](http://resource.dvgis.cn/cesium-docs/LabelGraphics.html) | - `{Object} style`:样式,详情参考:[LabelGraphics](http://resource.dvgis.cn/cesium-docs/LabelGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "font": "30px sans-serif", // CSS 字体设置 | "font": "30px sans-serif", // CSS 字体设置 | ||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | ||||
| - `{Object} style`:样式,详情参考:[EllipseGraphics](http://resource.dvgis.cn/cesium-docs/EllipseGraphics.html) | - `{Object} style`:样式,详情参考:[EllipseGraphics](http://resource.dvgis.cn/cesium-docs/EllipseGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "height": 1, //高度 | "height": 1, //高度 | ||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "extrudedHeight": 0, //拉升高度 | "extrudedHeight": 0, //拉升高度 | ||||
| - `{Object} style`:样式,详情参考:[RectangleGraphics](http://resource.dvgis.cn/cesium-docs/RectangleGraphics.html) | - `{Object} style`:样式,详情参考:[RectangleGraphics](http://resource.dvgis.cn/cesium-docs/RectangleGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "height": 1, //高度 | "height": 1, //高度 | ||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "extrudedHeight": 0, //拉升高度 | "extrudedHeight": 0, //拉升高度 | ||||
| - `{Object} style`:样式,详情参考:[WallGraphics](http://resource.dvgis.cn/cesium-docs/WallGraphics.html) | - `{Object} style`:样式,详情参考:[WallGraphics](http://resource.dvgis.cn/cesium-docs/WallGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "fill": true, //是否用提供的材料填充多边形。 | "fill": true, //是否用提供的材料填充多边形。 | ||||
| "material": DC.Color.WHITE, //材质 | "material": DC.Color.WHITE, //材质 | ||||
| "outline": false, //是否显示边框 | "outline": false, //是否显示边框 | ||||
| - `{Object} style`:样式,详情参考:[ModelGraphics](http://resource.dvgis.cn/cesium-docs/ModelGraphics.html) | - `{Object} style`:样式,详情参考:[ModelGraphics](http://resource.dvgis.cn/cesium-docs/ModelGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "minimumPixelSize": 0, //指定模型的最小像素大小,而不考虑缩放 | "minimumPixelSize": 0, //指定模型的最小像素大小,而不考虑缩放 | ||||
| "maximumScale": 0, //指定模型的最大比例 | "maximumScale": 0, //指定模型的最大比例 | ||||
| - `{Array<Object>} properties`: 属性 | - `{Array<Object>} properties`: 属性 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| //属性参数 | |||||
| { | |||||
| "key": "name", //已有属性名称 | |||||
| "keyValue": "1", //已有属性值 | |||||
| "propertyName": "highlight", //新增属性名称 | |||||
| "propertyValue": true //新增属性值 | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "key": "name", | |||||
| //已有属性名称 | |||||
| "keyValue": "1", | |||||
| //已有属性值 | |||||
| "propertyName": "highlight", | |||||
| //新增属性名称 | |||||
| "propertyValue": true | |||||
| //新增属性值 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} style`:样式, | - `{Object} style`:样式, | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| { | |||||
| "className": "test", //样式名 | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "className": "test",//样式名 | |||||
| "scaleByDistance": { | "scaleByDistance": { | ||||
| "near": 0, //最近距离 | |||||
| "near": 0,//最近距离 | |||||
| "nearValue": 0, //最近距离值 | "nearValue": 0, //最近距离值 | ||||
| "far": 1, //最远距离值 | "far": 1, //最远距离值 | ||||
| "farValue": 0 //最远距离值 | |||||
| "farValue": 0//最远距离值 | |||||
| }, //根据距离设置比例 | }, //根据距离设置比例 | ||||
| "distanceDisplayCondition": { | "distanceDisplayCondition": { | ||||
| "near": 0, //最近距离 | "near": 0, //最近距离 | ||||
| "far": Number.MAX_VALUE //最远距离 | |||||
| } //根据距离设置可见 | |||||
| "far": Number.MAX_VALUE//最远距离 | |||||
| }//根据距离设置可见 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} style`:样式,详情参考:[BoxGraphics](http://resource.dvgis.cn/cesium-docs/BoxGraphics.html) | - `{Object} style`:样式,详情参考:[BoxGraphics](http://resource.dvgis.cn/cesium-docs/BoxGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "fill": true, //是否用提供的材料填充多边形。 | "fill": true, //是否用提供的材料填充多边形。 | ||||
| "material": DC.Color.WHITE, //材质 | "material": DC.Color.WHITE, //材质 | ||||
| "shadows": 0, //阴影类型,0:禁用、1:启用 、2:投射、3:接受 | "shadows": 0, //阴影类型,0:禁用、1:启用 、2:投射、3:接受 | ||||
| "distanceDisplayCondition": { | "distanceDisplayCondition": { | ||||
| "near": 0, //最近距离 | "near": 0, //最近距离 | ||||
| "far": Number.MAX_VALUE //最远距离 | |||||
| } //根据距离设置可见 | |||||
| "far": Number.MAX_VALUE//最远距离 | |||||
| }//根据距离设置可见 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} style`:样式,详情参考:[CorridorGraphics](http://resource.dvgis.cn/cesium-docs/CorridorGraphics.html) | - `{Object} style`:样式,详情参考:[CorridorGraphics](http://resource.dvgis.cn/cesium-docs/CorridorGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "width": 1, //线宽 | "width": 1, //线宽 | ||||
| "height": 0, //高度 | "height": 0, //高度 | ||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| - `{Object} style`:样式,详情参考:[CylinderGraphics](http://resource.dvgis.cn/cesium-docs/CylinderGraphics.html) | - `{Object} style`:样式,详情参考:[CylinderGraphics](http://resource.dvgis.cn/cesium-docs/CylinderGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "fill": true, //是否用提供的材料填充多边形。 | "fill": true, //是否用提供的材料填充多边形。 | ||||
| "material": DC.Color.WHITE, //材质 | "material": DC.Color.WHITE, //材质 | ||||
| - `{Object} style`:样式,详情参考:[EllipseGraphics](http://resource.dvgis.cn/cesium-docs/EllipseGraphics.html) | - `{Object} style`:样式,详情参考:[EllipseGraphics](http://resource.dvgis.cn/cesium-docs/EllipseGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "height": 1, //高度 | "height": 1, //高度 | ||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "extrudedHeight": 0, //拉升高度 | "extrudedHeight": 0, //拉升高度 | ||||
| - `{Object} style`:样式,详情参考:[EllipsoidGraphics](http://resource.dvgis.cn/cesium-docs/EllipsoidGraphics.html) | - `{Object} style`:样式,详情参考:[EllipsoidGraphics](http://resource.dvgis.cn/cesium-docs/EllipsoidGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `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 | ## DC.Plane | ||||
| - `{Object} plane`:面板格式 | - `{Object} plane`:面板格式 | ||||
| - 返回值 `plane` | - 返回值 `plane` | ||||
| ```json | |||||
| // 面板参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "normal": "x", // 法线,x,y,z其中一个 | "normal": "x", // 法线,x,y,z其中一个 | ||||
| "distance": 0 // 距离 | |||||
| "distance": 0// 距离 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} style`:样式,详情参考:[PlaneGraphics](http://resource.dvgis.cn/cesium-docs/PlaneGraphics.html) | - `{Object} style`:样式,详情参考:[PlaneGraphics](http://resource.dvgis.cn/cesium-docs/PlaneGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "fill": true, //是否用提供的材料填充多边形。 | "fill": true, //是否用提供的材料填充多边形。 | ||||
| "material": DC.Color.WHITE, //材质 | "material": DC.Color.WHITE, //材质 | ||||
| "outline": false, //是否显示边框 | "outline": false, //是否显示边框 | ||||
| 设置样式 | 设置样式 | ||||
| - 参数 | - 参数 | ||||
| - `{Object} style`:样式,详情参考:[PolylineVolumeGraphics](http://resource.dvgis.cn/cesium-docs/PolylineVolumeGraphics.html) | |||||
| - `{Object} style` | |||||
| :样式,详情参考:[PolylineVolumeGraphics](http://resource.dvgis.cn/cesium-docs/PolylineVolumeGraphics.html) | |||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "cornerType": 0, //转角类别,0:圆角、1:直角、2:斜角 | "cornerType": 0, //转角类别,0:圆角、1:直角、2:斜角 | ||||
| "fill": true, //是否用提供的材料填充多边形。 | "fill": true, //是否用提供的材料填充多边形。 | ||||
| "material": DC.Color.WHITE, //材质 | "material": DC.Color.WHITE, //材质 | ||||
| - `{Object} style`:样式,详情参考:[BillboardGraphics](http://resource.dvgis.cn/cesium-docs/BillboardGraphics.html) | - `{Object} style`:样式,详情参考:[BillboardGraphics](http://resource.dvgis.cn/cesium-docs/BillboardGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | ||||
| - `{Object} style`:样式,详情参考:[ModelGraphics](http://resource.dvgis.cn/cesium-docs/ModelGraphics.html) | - `{Object} style`:样式,详情参考:[ModelGraphics](http://resource.dvgis.cn/cesium-docs/ModelGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "minimumPixelSize": 0, //指定模型的最小像素大小,而不考虑缩放 | "minimumPixelSize": 0, //指定模型的最小像素大小,而不考虑缩放 | ||||
| "maximumScale": 0, //指定模型的最大比例 | "maximumScale": 0, //指定模型的最大比例 | ||||
| - `{Object} style`:样式,详情参考:[BillboardGraphics](http://resource.dvgis.cn/cesium-docs/BillboardGraphics.html) | - `{Object} style`:样式,详情参考:[BillboardGraphics](http://resource.dvgis.cn/cesium-docs/BillboardGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | ||||
| - `{Object} style`:样式,详情参考:[LabelGraphics](http://resource.dvgis.cn/cesium-docs/LabelGraphics.html) | - `{Object} style`:样式,详情参考:[LabelGraphics](http://resource.dvgis.cn/cesium-docs/LabelGraphics.html) | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| // 样式参数(可选) | |||||
| { | |||||
| ```js | |||||
| // style(属性可选) | |||||
| const style = { | |||||
| "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | "heightReference": 0, //高度参照,0:位置无参照,位置是绝对的,1:位置固定在地形上 2:位置高度是指地形上方的高度。 | ||||
| "scale": 1, //比例 | "scale": 1, //比例 | ||||
| "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 | "pixelOffset": { "x": 0, "y": 0 }, //偏移像素 |
| 构建地球表面的地形和图片,展现地球表面的真实状态 | 构建地球表面的地形和图片,展现地球表面的真实状态 | ||||
| ## DC.CustomGeographicTilingScheme | ## DC.CustomGeographicTilingScheme | ||||
| > 自定义地理平铺方案 | > 自定义地理平铺方案 | ||||
| viewer.addBaseLayer(DC.ImageryLayerFactory.createCoordImageryLayer({ | viewer.addBaseLayer(DC.ImageryLayerFactory.createCoordImageryLayer({ | ||||
| tilingScheme: new DC.CustomGeographicTilingScheme( | tilingScheme: new DC.CustomGeographicTilingScheme( | ||||
| { | { | ||||
| origin: [-180,90], | |||||
| origin: [-180, 90], | |||||
| resolutions: [ | resolutions: [ | ||||
| 0.703125, | 0.703125, | ||||
| 0.3515625, | 0.3515625, | ||||
| ``` | ``` | ||||
| ### creation | ### creation | ||||
| - **_constructor(options)_** | - **_constructor(options)_** | ||||
| - `{Object} options`:配置 | - `{Object} options`:配置 | ||||
| - 返回值 `tilingScheme` | - 返回值 `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}的数值替换时也需加上这个层级偏移值 | "zoomOffset": 0, //瓦片的0级对应Cesium的瓦片层级,值为: 0 - Cesium层级,若瓦片的0级对应Cesium的10级,则值为 0 - 10 = -10,同时在瓦片请求时{z}的数值替换时也需加上这个层级偏移值 | ||||
| "tileSize": 256, //瓦片的大小,默认为256,即一张瓦片的大小为 256 * 256 | "tileSize": 256, //瓦片的大小,默认为256,即一张瓦片的大小为 256 * 256 | ||||
| "resolutions": [],//瓦片每一层级分辨率 | "resolutions": [],//瓦片每一层级分辨率 | ||||
| - `{Object} options`:配置 | - `{Object} options`:配置 | ||||
| - 返回值 `tilingScheme` | - 返回值 `tilingScheme` | ||||
| ```json | |||||
| // 属性参数 | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "origin": [-20037508.3427892, 20037508.3427892], //切图原点,默认为[-20037508.3427892, 20037508.3427892],必选 | "origin": [-20037508.3427892, 20037508.3427892], //切图原点,默认为[-20037508.3427892, 20037508.3427892],必选 | ||||
| "zoomOffset": 0, //瓦片的0级对应Cesium的瓦片层级,值为: 0 - Cesium层级,若瓦片的0级对应Cesium的10级,则值为 0 - 10 = -10,同时在瓦片请求时{z}的数值替换时也需加上这个层级偏移值 | "zoomOffset": 0, //瓦片的0级对应Cesium的瓦片层级,值为: 0 - Cesium层级,若瓦片的0级对应Cesium的10级,则值为 0 - 10 = -10,同时在瓦片请求时{z}的数值替换时也需加上这个层级偏移值 | ||||
| "tileSize": 256, //瓦片的大小,默认为256,即一张瓦片的大小为 256 * 256 | "tileSize": 256, //瓦片的大小,默认为256,即一张瓦片的大小为 256 * 256 | ||||
| 创建 Arcgis 地图 | 创建 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>` | - 返回值 `Promise<baseLayer>` | ||||
| - **_createSingleTileImageryLayer(options)_** | - **_createSingleTileImageryLayer(options)_** | ||||
| 创建单图片地图 | 创建单图片地图 | ||||
| - 参数 | - 参数 | ||||
| - `{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>` | - 返回值 `Promise<baseLayer>` | ||||
| - **_createWMSImageryLayer(options)_** | - **_createWMSImageryLayer(options)_** | ||||
| 创建 WMS 地图 | 创建 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>` | - 返回值 `Promise<baseLayer>` | ||||
| - **_createWMTSImageryLayer(options)_** | - **_createWMTSImageryLayer(options)_** | ||||
| 创建 WMTS 地图 | 创建 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>` | - 返回值 `Promise<baseLayer>` | ||||
| - **_createXYZImageryLayer(options)_** | - **_createXYZImageryLayer(options)_** | ||||
| 创建 X/Y/Z 地图 | 创建 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>` | - 返回值 `Promise<baseLayer>` | ||||
| - **_createCoordImageryLayer(options)_** | - **_createCoordImageryLayer(options)_** | ||||
| 创建网格地图 | 创建网格地图 | ||||
| - 参数 | - 参数 | ||||
| - `{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>` | - 返回值 `Promise<baseLayer>` | ||||
| - **_createMapboxImageryLayer(options)_** | - **_createMapboxImageryLayer(options)_** | ||||
| 创建 Mapbox 地图 | 创建 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>` | - 返回值 `Promise<baseLayer>` | ||||
| - **_createMapboxStyleImageryLayer(options)_** | - **_createMapboxStyleImageryLayer(options)_** | ||||
| 创建 Mapbox 样式地图 | 创建 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>` | - 返回值 `Promise<baseLayer>` | ||||
| - **_createTMSImageryLayer(options)_** | - **_createTMSImageryLayer(options)_** | ||||
| 创建 TMS 地图 | 创建 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` | - 返回值 `Promise<baseLayer>l` | ||||
| - **_createImageryLayer(type, options)_** | - **_createImageryLayer(type, options)_** | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `Promise<baseLayer>` | - 返回值 `Promise<baseLayer>` | ||||
| ```json | |||||
| //属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "url": "", //地址:arcgis/wmts/xyx/single 有效 | "url": "", //地址:arcgis/wmts/xyx/single 有效 | ||||
| "style": "img", //样式:img、elec、ter。百度:normal,dark,腾讯:img,1、4 | "style": "img", //样式:img、elec、ter。百度:normal,dark,腾讯:img,1、4 | ||||
| "key": "", //认证,仅天地图有效 | "key": "", //认证,仅天地图有效 | ||||
| "subdomains": [], | "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": { | "rectangle": { | ||||
| "west": 0, | "west": 0, | ||||
| "south": 0, | "south": 0, | ||||
| "east": 0, | "east": 0, | ||||
| "north": | |||||
| } // 瓦片范围,有west,south,east,north 单位为: 弧度,使用经纬度时需将转为弧度 | |||||
| "north": 0 | |||||
| }// 瓦片范围,有west,south,east,north 单位为: 弧度,使用经纬度时需将转为弧度 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `Promise<terrain>` | - 返回值 `Promise<terrain>` | ||||
| ```json | |||||
| //属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "url": "" // 服务地址 | "url": "" // 服务地址 | ||||
| } | } | ||||
| ``` | ``` |
| # 工具 API 🌎 | # 工具 API 🌎 | ||||
| 三维场景中的辅助工具,方便在场景中进行各种标绘、测量、位置编辑 | 三维场景中的辅助工具,方便在场景中进行各种标绘、测量、位置编辑 | ||||
| ```js | ```js | ||||
| let plot = new DC.Plot(viewer, {}) | let plot = new DC.Plot(viewer, {}) | ||||
| plot.draw(DC.OverlayType.POINT, (overlay) => {}, {}) | |||||
| plot.draw(DC.OverlayType.POINT, (overlay) => { | |||||
| }, {}) | |||||
| ``` | ``` | ||||
| ### creation | ### creation | ||||
| - `{Object} options`:属性 | - `{Object} options`:属性 | ||||
| - 返回值 `plot` | - 返回值 `plot` | ||||
| ```json | |||||
| //属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "icon_center": "**.png", // 自定义的中心点图标 | "icon_center": "**.png", // 自定义的中心点图标 | ||||
| "icon_anchor": "**.png", //自定义的锚点图标 | "icon_anchor": "**.png", //自定义的锚点图标 | ||||
| "icon_midAnchor": "**.png", //自定义的中心锚点图标 | "icon_midAnchor": "**.png", //自定义的中心锚点图标 | ||||
| "icon_size": [12, 12],//自定义的中心锚点大小 | "icon_size": [12, 12],//自定义的中心锚点大小 | ||||
| "clampToModel":false // 点位是否获取模型表面坐标 | |||||
| "clampToModel": false // 点位是否获取模型表面坐标 | |||||
| } | } | ||||
| ``` | ``` | ||||
| - `{Object} options`:配置 | - `{Object} options`:配置 | ||||
| - 返回值 `this` | - 返回值 `this` | ||||
| ```json | |||||
| //属性参数(可选) | |||||
| { | |||||
| ```js | |||||
| // options(属性可选) | |||||
| const options = { | |||||
| "icon_center": "**.png", // 自定义的中心点图标 | "icon_center": "**.png", // 自定义的中心点图标 | ||||
| "icon_anchor": "**.png", //自定义的锚点图标 | "icon_anchor": "**.png", //自定义的锚点图标 | ||||
| "icon_midAnchor": "**.png", //自定义的中心锚点图标 | "icon_midAnchor": "**.png", //自定义的中心锚点图标 |
| # 从 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") | |||||
| ``` |