How to pick custom MeasureMarkup with mouse for context menu operations (e.g., deletion)?

Visualization Solutions HOOPS Visualize Web
,
1

I am encountering a challenge regarding the interaction with MeasureMarkup in HOOPS Communicator.

I have implemented several custom MeasureMarkup instances in my project. My specific requirement is to be able to “pick” or “select” these markups directly using the mouse within the 3D WebViewer.

My goal is to implement a context menu: when a user right-clicks on a specific measurement, a menu should appear with an option to “Delete this Markup.” To achieve this, I must be able to identify which specific markup object is being clicked.

I’ve noticed that the default selection operator doesn’t seem to recognize Markup nodes in the same way it does with B-Rep geometry. Could you please advise on the best approach to achieve this?

I am aware that selecting and deleting markups via the Model Tree is a possible workaround, but this does not meet my project’s UI/UX requirements. I need a solution that allows for direct interaction on the canvas/viewer itself to provide a more intuitive user experience.

Is there a specific API to enable picking for MeasureMarkup?

Or should I implement a custom Operator to handle the raycasting/hit-testing for markups?

Looking forward to your guidance. Thank you!

2

We think this is your best option for implementing your custom features. To that end, in older versions of Visualize Web, we do publish all of the TypeScript for the operators. This can be found in HOOPS_Visualize_Web_2025.X.x\web_viewer\deprecated\typescript\operators.

For your custom requirements, you can take a look at the function hit() and/or remove(). More information can be found in our docs covering advanced markups.