Videx 地图

用于可视化井泡相关数据的传单层.

• GitHub 仓库
• 文档

安装

npm install --save @equinor/videx-map

使用量

// ES6
import { WellboreModule, FaultlineModule, FieldModule, GeoJSONModule, OutlineModule } from '@equinor/videx-map';

模块

Videx地图分为各种具有特定目的的模块. 这些模块可以单独使用或合并为单一的WebGL上下文.

井喷模块

负责可视化有根和路径的井口的模块.

配置

• 缩放 - 一切的相对规模。 (过失:1.0)
• 标签缩放 - 标签规模。 (过失:0.011)
• 标签 Bg 距离 - 标签背景不透明。 (过失:0.5)
• 字体大小 - 字体尺寸。 (过失:18)
• 批量大小 - 每批井口数量。 (过失:20)
• 缩放 - 源缩放级别,即缩放函数的输入为0. (过失: 0)
• 自定义事件汉德勒 - 提供自定义事件处理器.
• 缩放 - 放大事件处理器.
• 网格大小 - 网格大小以控制空间索引的分辨率.
• 恢复状态 - 改变井口的配置.
• root 响应 - 改变根的配置大小.
• 井喷 Dash - 井口宽度 (过失:0.01)
• 勾选 - 对象 { width, height } 沿着井口线的刻痕.
• 在WellboreClick上 (英语) - 选择井井时需要调用功能.
• 显示 - 井泡突出时称为功能.
• 突出显示 - 删除亮点时要调用的函数.

// Example configuration
const wellbores: WellboreModule = new WellboreModule({
  rootRadius: 0.3,
  scale: 1.5,
  labelBgOpacity: 0.2,
  zoomOrigin: 0,
  scaling: zoom => factors[zoom] || 0,
  rootResize: {
    base: 1.75,
    multiplier: 0.5,
    zoomReference: 12.0,
  },
  onHighlightOn: event => {
    // Special 'HighlightOn' logic ...
  },
  onHighlightOff: () => {
    // Special 'HighlightOff' logic ...
  },
  onWellboreClick: wellbore => {
    // Special 'WellboreClick' logic ...
  }
});

外地模块

负责可视化油气田并有填充的多边形,轮廓和标签的模块.

配置

• 首页 - 场散列模式的初始规模。 (过失:1.0)
• 分钟 - 最小规模的野外散列模式。 (过失: 0.0)
• 最大小时 - 最大范围野外散列图案。 (过失:无限)

// Example configuration
const fields: FieldModule = new FieldModule({
  initialHash: 0.5,
  minHash: 0.1,
  maxHash: 2.0,
});

断层模块

负责可视化地上断层的模块.

• 颜色 - 格式0xRRGGB上的断层颜色。 (默认:0x727D88)
• 阿尔法 - 阿尔法断层。 (过失:1.0)
• 大纲 - 宽度的轮廓。 (过失:0.125)

// Example configuration
const faultlines: FaultlineModule = new FaultlineModule({
  color: 0xFF00FF,
  alpha: 0.75,
  outlineWidth: 0.13,
});

GeoJSON 模块

负责可视化任意GeoJSON数据的模块,支持 Point, (中文(简体) ), LineString, (中文(简体) ), Polygon,以及 MultiPolygon 几何类型.

配置

• 自定义事件汉德勒 - 提供自定义事件处理器.
• 浮点数 - 当一个特性被徘徊时调用函数 .
• 大纲回复 - 调整大纲的配置大小.
• 标签恢复 - 更改标签配置大小.

// Example usage
const geojson: GeoJSONModule = new GeoJSONModule({
  onFeatureHover: (event, data) => {
    // Handle hover ...
  },
});

// Pass a GeoJSON FeatureCollection and an optional props mapper
geojson.set(featureCollection, feature => ({
  id: feature.properties.id,
  label: feature.properties.name,
  style: {
    lineColor: '#FF0000',
    lineWidth: 2,
    fillColor: '#00FF00',
    fillOpacity: 0.5,
  },
}));

大纲模块

负责可视化场面轮廓的模块.

• 缩放 - 源缩放级别,即缩放函数的输入为0. (过失: 0)
• 行风 - 线的宽度。 (过失:0.125)
• 缩放 - 放大事件处理器.

// Example configuration
const outlines: OutlineModule = new OutlineModule({
  zoomOrigin: 12,
  lineWidth: 0.1,
  scaling: zoom => (1.5 ** -zoom),
});

捐款

我们非常感谢对这个存放处的贡献,见我们 贡献页 如何开始.

快开始

$ git clone https://github.com/equinor/videx-map.git
$ npm install
$ npm start