跳到主要内容

等高线分析

DMap3D.analysis.contour 用于在地形上显示等高线效果。

引入​

import DMap3D from 'dmap3d'
import * as Cesium from 'cesium'

基本用法​

const viewer = new Cesium.Viewer('cesiumContainer')

// 创建等高线分析工具
const contour = new DMap3D.analysis.contour(viewer)

// 显示等高线
contour.show()

构造函数​

new DMap3D.analysis.contour(viewer, options?)​

参数:

  • viewer - Cesium.Viewer 实例
  • options? - 可选配置项

Options:

interface ContourOptions {
  width?: number    // 线宽，1-10 像素，默认 1
  spacing?: number  // 等高线间隔，1-1000 米，默认 100
  color?: string    // 线条颜色，默认白色
}

方法​

show()​

显示等高线。

contour.show()

hide()​

隐藏等高线。

contour.hide()

setWidth(width)​

设置等高线宽度（1-10 像素）。

contour.setWidth(2)

setSpacing(spacing)​

设置等高线间隔（1-1000 米）。

contour.setSpacing(50) // 每 50 米一条等高线

setColor(color)​

设置等高线颜色。

contour.setColor('#00FF00')

getWidth() / getSpacing() / getColor()​

获取当前配置值。

console.log('线宽:', contour.getWidth())
console.log('间隔:', contour.getSpacing())
console.log('颜色:', contour.getColor())

isActive()​

检查等高线是否处于显示状态。

if (contour.isActive()) {
  contour.hide()
}

destroy()​

销毁工具并释放资源。

contour.destroy()

完整示例​

const viewer = new Cesium.Viewer('cesiumContainer')

// 创建等高线工具
const contour = new DMap3D.analysis.contour(viewer, {
  width: 2,
  spacing: 50,
  color: '#00FF00'
})

// 显示等高线
contour.show()

// 动态调整参数
contour.setSpacing(100)
contour.setColor('#FFFF00')
contour.setWidth(3)

// 隐藏
contour.hide()

// 销毁
contour.destroy()

相关链接​