datav-vangogh v1.0.27
流程
创建一个 Viewer
// 笛卡尔场景 const viewer = new VOGO.Viewer(container, options); // 椭球投影 const globeViewer = new VOGO.GlobeViewer(container, options); 如: const atmosphere = new VOGO.Atmosphere(xxxx); const tileSet = new VOGO.TileSet(); tileSet.url = '' tileSet.visible = false; new VOGO.GlobeViewer(container, { Atmosphere: atmosphere tile: tileSet }) // 平面投影 const planarViewer = new VOGO.PlanarViewer(container, options);
Viewer 默认属性
controls: orbit | globe | planar
isAdvancedRender: false | true
isTileRendered : globe & planar true | viewer false
engine: baisc renderer class
projection function
scene | camera | renderLists
Viewer 默认方法
- flyTo(coord | object)
- zoomTo ?
options 选项
- renderOptions
- default controls options
- renderMode
- 大气
- 后期效果
Controls
- orbitControls: cameraPositon | cameraTarget
- globeControls : cameraPosition(lng, lat, alt) | cameraRotation (heading, tilt)
- planarControls : cameraPosition(lng, lat, alt) | cameraRotation (heading, tilt)
需求
- 区分当前渲染状态,是否静帧,是否区分渲染队列
- camera移动时 是否需要刷新
- 定制好不同视图,同时不是定制参数 balance
- 良好的API
examples
创建 球体视图
// 1. 创建瓦片 const tileLayer = new VOGO.TileLayer(tileConfig); // 2. 创建大气 const atmosphere = new VOGO.Atmosphere(atmosphereConfig); // 3. 创建后期 const postprocessing = new VOGO.PostProcessing(ppConfig); // 4. 创建椭球视图 const globeViewer = new VOGO.GlobeViewer(container, { cameraConfig, basicConfig }) // 添加要素 globeViewer.addLayer(tileLayer); globeViewer.addLayer(atmosphere); globeViewer.addLayer(postprocessing); globeViewer.addLayer(image1); globeViewer.addLayer(image2); globeViewer.addLayer(terrian); globeViewer.addLayer(vectorTile) // 5. 子组件 如何添加 ? const com = new DataV.Subcom(container, options); com.layer.renderQueue = VOGO.Transprent; viewer.addLayer(com.layer); // 6. 移除层、子组件 viewer.removeLayer(com.layer); // 7. layer 生命周期 layer.updateOptions(opts); layer.setData(data); layer.destroy();
TODO
- 矢量瓦片
- 基础要素的绘制
- 交互及提示框
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago