6、选中tiles的模型并高亮

        本节演示选中3dtiles的模型,选中模型与ceisum基本一致。通过鼠标左键单击模型并将选中的模型进行高亮。使用上一节的示例,再添加鼠标左键单击事件用于选中模型。

1、修改Handler类,添加静态函数onLeftClick,参数与右键单击函数一样。单击时获取鼠标位置然后获取选中的要素再将其高亮。

static void onLeftClick(void *handler, Cesium::ScreenEvent *event) {
    Handler *aggregator = (Handler *) handler;
    glm::dvec2 position = event->position;// 获取鼠标屏幕位置
    //获取选中要素
    Cesium::Feature *feature = aggregator->viewer->_scene->pick(position);
    if (feature == NULL) {
        if (aggregator->feautre != NULL) {
            glm::dvec4 co(1.0, 1.0, 1.0, 1.0);
            aggregator->feautre->color(co);//取消高亮
        }
    } else {
        if (feature->instanceof("Cesium3DTileFeature")) {
            Cesium::Cesium3DTileFeature *tfeautre = (Cesium::Cesium3DTileFeature *) feature;// 强制类型转换
            aggregator->feautre = tfeautre;
            glm::dvec4 co(1.5, 0.0, 0.0, 0.5);
            tfeautre->color(co);//高亮模型
            aggregator->attrname.clear();
            tfeautre->getPropertyNames(&aggregator->attrname);
            std::string id = tfeautre->getProperty("batchId");
            for (int i = 0; i < aggregator->attrname.size(); i++) {
                std::cout << aggregator->attrname[i] << std::endl;//打印属性
            }
        }
    }
}

2、主函数中添加鼠标左键函数

_eventHandler>setInputAction(&Handler::onLeftClick, 

                                                 Cesium::ScreenSpaceEventType::LEFT_CLICK);

3、鼠标右键函数是添加3dtiles模型,并平移到模型位置。

4、运行即可,鼠标右键添加模型后,使用左键单击一个模型即可选中模型并高亮,点击地图其他地方就取消高亮。过程与web端cesium基本一致。

 完整代码

/**
 * Created by IBM on 2021/3/3.
 */
#include <iostream>
#include <Widgets/Viewer/Viewer.h>
#include <Scene/Cesium3DTileset.h>

class Handler {
public:
    Cesium::Viewer *viewer;
    Cesium::Cesium3DTileset *tileset = NULL;
    Cesium::Cesium3DTileFeature *feautre = NULL;
    std::vector<std::string> attrname;

    /**
    * 鼠标右键加载tileset模型
    * @param handler
    * @param event 鼠标指针位置,屏幕坐标,与ceisum中的基本一致
    */
    static void mouseUp(void *handler, Cesium::ScreenEvent *event) {
        Handler *aggregator = (Handler *) handler;
        if (aggregator->tileset == NULL) {
            std::string url = "../data/BatchedColors/tileset.json";
            aggregator->tileset = new Cesium::Cesium3DTileset(url);
            aggregator->viewer->_scene->primitives()->add(aggregator->tileset);
            Cesium::HeadingPitchRoll *orientation = new Cesium::HeadingPitchRoll(0.0, -1.5707963267948966, 0.0);
            //因为已经有glm库使用没有写cesium的Cartesian3,但是Cartesian3的很多方法是写了的,也可以用glm库提供的
            glm::dvec3 initialPosition1 = Cesium::Cartesian3::fromDegrees(-75.60908200128681, 40.04159868719826, 1000);
            aggregator->viewer->_scene->_camera->setView(orientation, initialPosition1);

        }
    }

    static void onLeftClick(void *handler, Cesium::ScreenEvent *event) {
        Handler *aggregator = (Handler *) handler;
        glm::dvec2 position = event->position;// 获取鼠标屏幕位置
        //获取选中要素
        Cesium::Feature *feature = aggregator->viewer->_scene->pick(position);
        if (feature == NULL) {
            if (aggregator->feautre != NULL) {
                glm::dvec4 co(1.0, 1.0, 1.0, 1.0);
                aggregator->feautre->color(co);//取消高亮
            }
        } else {
            if (feature->instanceof("Cesium3DTileFeature")) {
                Cesium::Cesium3DTileFeature *tfeautre = (Cesium::Cesium3DTileFeature *) feature;// 强制类型转换
                aggregator->feautre = tfeautre;
                glm::dvec4 co(1.5, 0.0, 0.0, 0.5);
                tfeautre->color(co);//高亮模型
                aggregator->attrname.clear();
                tfeautre->getPropertyNames(&aggregator->attrname);
                std::string id = tfeautre->getProperty("batchId");
                for (int i = 0; i < aggregator->attrname.size(); i++) {
                    std::cout << aggregator->attrname[i] << std::endl;//打印属性
                }
            }
        }
    }
};

int main(int argc, char *argv[]) {
    Handler *handler = new Handler();
    Cesium::Viewer viewer = Cesium::Viewer(500, 300);
    handler->viewer = &viewer;
    std::string url = "https://dev.virtualearth.net";
    std::string key = "AmXdbd8UeUJtaRSn7yVwyXgQlBBUqliLbHpgn2c76DfuHwAXfRrgS5qwfHU6Rhm8";
    Cesium::BingMapsImageryProvider *imageryProvider1 = new Cesium::BingMapsImageryProvider(url, key);
    viewer.imageryLayers()->addImageryProvider(imageryProvider1);
    //创建事件
    Cesium::ScreenSpaceEventHandler *_eventHandler = new Cesium::ScreenSpaceEventHandler(handler);
    _eventHandler->setInputAction(&Handler::mouseUp, Cesium::ScreenSpaceEventType::RIGHT_CLICK);//设置鼠标点击事件
    _eventHandler->setInputAction(&Handler::onLeftClick, Cesium::ScreenSpaceEventType::LEFT_CLICK);
    viewer.startAnimating(true);//启动opengl循环
    system("pause");
    return 0;
}

返回目录

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在Cesium高亮显示选中3D Tiles模型部位,并显示属性和坐标信息,可以使用以下步骤: 1. 创建一个Cesium Viewer对象,并加载3D Tiles数据。例如: ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); var tileset = new Cesium.Cesium3DTileset({ url: 'path/to/3dtiles.json' }); viewer.scene.primitives.add(tileset); ``` 2. 注册鼠标事件,监听鼠标左键的点击事件。例如: ```javascript var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAction(function(event) { var pickedObject = viewer.scene.pick(event.position); if (Cesium.defined(pickedObject) && pickedObject.tileset === tileset) { // 3D Tiles模型选中 var feature = pickedObject.getProperty('属性名称'); var position = pickedObject.primitive.boundingSphere.center; console.log('选中属性:', feature); console.log('模型坐标:', position); // 高亮显示选中3D Tiles模型部位 var highlight = tileset.style.highlightColor; tileset.style = new Cesium.Cesium3DTileStyle({ color: { conditions: [ ['${选中属性} === ' + feature, highlight], [true, 'color("white")'] ] } }); } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); ``` 3. 在3D Tiles模型选中时,获取属性和坐标信息,并高亮显示选中的部位。例如上述代码中,获取属性信息的方法是通过getProperty方法获取的,高亮显示的方法是通过修改tileset的style属性实现的。需要注意的是,style属性是一个Cesium3DTileStyle对象,可以通过其color属性设置模型的颜色。在条件表达式中,使用`${选中属性}`表示选中3D Tiles模型的属性值。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值