JSAPI Three API Reference
    正在准备搜索索引...

    类 DOMPoint

    DOM点对象，用于在地图上添加基于DOM的自定义信息窗口。可以结合事件绑定实现弹窗组件等功能。

    // 创建一个基础的DomPoints
    const domPoint = engine.add(new mapvthree.DOMPoint({
        offset: [-270, -200]
    }));

    // 自定义渲染函数, 创建dom元素
    domPoint.renderItem = (value) => {
        const node = document.createElement('div');
        node.className = 'custom-point';
        node.innerHTML = `
            <div class="title">${value.attributes.name}</div>
            <div class="content">${value.attributes.description}</div>
        `;
        return node;
    };

    // 设置数据源
    const data = mapvthree.GeoJSONDataSource.fromGeoJSON([
        {
            type: 'Feature',
            geometry: {
                type: 'Point',
                coordinates: [116.404, 39.915]
            },
            properties: {
                name: '位置1',
                description: '这是位置1的描述'
            }
        }
    ]);
    domPoint.dataSource = data;

    层级

    • GeoObject
      • DOMPoint
    索引

    属性

    frustumCulled isDOMPoint isGeoObject

    方法

    addAttributeRename clearAttributeRename dispose removeAttributeRename renderItem

    访问器

    dataSource needsUpdate visible

    属性

    frustumCulled: false

    是否渲染视椎体外的物体，为false时需要渲染

    isDOMPoint: true

    是否为DomPoints类型

    isGeoObject: true

    类型为GeoObject的标识

    方法

    • 添加属性重命名

      参数

      • key: string

        原始属性名，该组件的属性名

      • value: string

        重命名后的属性名，数据源的属性名

      返回 void

    • 清空属性重命名

      返回 void

    • 销毁object上的geometry和material实例，释放资源, 调用engine.remove(object)会自动销毁资源，不需要手动调用

      返回 void

    • 移除属性重命名

      参数

      • key: string

        原始属性名

      返回 void

    • 用于生成dom节点, 若需要自定义dom元素，需要覆盖此方法

      参数

      • value: Object

        数据源中的数据项

      返回 HTMLElement

      dom节点

      domPoint.renderItem = (value) => {
          const node = document.createElement('div');
          node.className = 'custom-point';
          node.innerHTML = `
              <div class="title">${value.attributes.name}</div>
              <div class="content">${value.attributes.description}</div>
          `;
          return node;
      };

    访问器

    • get dataSource(): DataSource

      object连接的数据源[[DataSource]]类

      返回 DataSource

    • set dataSource(dataSource: DataSource): void

      设置object的数据源

      参数

      • dataSource: DataSource

        数据源

      返回 void

    • get needsUpdate(): boolean

      是否需要更新

      返回 boolean

    • set needsUpdate(value: boolean): void

      设置object是否在下一帧更新

      参数

      • value: boolean

        设置为true，则下一帧渲染前更新该object

      返回 void

    • set visible(value: boolean): void

      node节点是否可见

      参数

      • value: boolean

      返回 void

    显示设置

    成员可见性

    目录

    属性
    方法
    访问器