# How to activate floorplanManager and florplan view in webviewer

**URL:** <https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668>\
**Category:** HOOPS Visualize Web\
**Tags:** code\
**Created:** [March 3, 2023, 9:42am UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668 "2023-03-03T09:42:09Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![espen](https://avatars.discourse-cdn.com/v4/letter/e/b5a626/32.png) [@espen](https://forum.techsoft3d.com/u/espen)\
**Post date:** [March 3, 2023, 9:42am UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/1 "2023-03-03T09:42:09Z")

</div>

I am using VUE framework and the Typescript “hoops\_web\_viewer.d.ts” and want to enable the BIM mode and floorplan view.

I have tried following code:

```auto
this._viewer.operatorManager.push(Communicator.OperatorId.Floorplan);
this._viewer.floorplanManager.setOverlayAnchor(Communicator.OverlayAnchor.UpperRightCorner);
this._viewer.floorplanManager.setAutoActivate(Communicator.FloorplanAutoActivation.Bim);
this._viewer.floorplanManager.setZoomLevel(1);
this._viewer.floorplanManager.setTrackCameraEnabled(true);
this._viewer.floorplanManager.setOverlaySize(new Communicator.Point2(0.2, 0.2));
await this._viewer.floorplanManager.activate();

```

When I test if the floorplanManager is started, it returns false:  
`console.log(this._viewer.floorplanManager.isActive());`

Can someone give a hint about how to show the floorplan.

---

<div class="post-metadata">

**Author:** ![guido](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/guido/32/115_2.png) [@guido](https://forum.techsoft3d.com/u/guido)\
**Post date:** [March 3, 2023, 1:01pm UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/2 "2023-03-03T13:01:31Z")

</div>

> [@espen](#):
>
> ```auto
> this._viewer.operatorManager.push(Communicator.OperatorId.Floorplan);
> this._viewer.floorplanManager.setOverlayAnchor(Communicator.OverlayAnchor.UpperRightCorner);
> this._viewer.floorplanManager.setAutoActivate(Communicator.FloorplanAutoActivation.Bim);
> this._viewer.floorplanManager.setZoomLevel(1);
> this._viewer.floorplanManager.setTrackCameraEnabled(true);
> this._viewer.floorplanManager.setOverlaySize(new Communicator.Point2(0.2, 0.2));
> await this._viewer.floorplanManager.activate();
> 
> ```

Hi,

the floorplan feature currently only works with converted IFC models. Is that what you are viewing?

Edit:  
Also make sure to specify the units in your call to setOverlaySize:  
this.\_viewer.floorplanManager.setOverlaySize(new Communicator.Point2(0.2,0.2), Communicator.OverlayUnit.ProportionOfCanvas, Communicator.OverlayUnit.ProportionOfCanvas);

---

<div class="post-metadata">

**Author:** ![espen](https://avatars.discourse-cdn.com/v4/letter/e/b5a626/32.png) [@espen](https://forum.techsoft3d.com/u/espen)\
**Post date:** [March 3, 2023, 1:14pm UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/3 "2023-03-03T13:14:35Z")

</div>

I beilieve so. I have converted several IFC files like this:  
`/techsoft/converter --output_scs /techsoft/model/sand.scs --input sand.ifc --license_file lisence --ifc_import_openings false --jt_level_of_detail 0 --import_hidden_objects false --tessellation_quality 0`

Edit: The sizing of Overlaysize did not change anything.

---

<div class="post-metadata">

**Author:** ![guido](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/guido/32/115_2.png) [@guido](https://forum.techsoft3d.com/u/guido)\
**Post date:** [March 3, 2023, 1:18pm UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/4 "2023-03-03T13:18:30Z")

</div>

You also have to make sure that the model is loaded before you activate the floorplan (meaning the modelStructureReady callback has triggered)

If that does not work are you able to provide your sample model for testing?

---

<div class="post-metadata">

**Author:** ![espen](https://avatars.discourse-cdn.com/v4/letter/e/b5a626/32.png) [@espen](https://forum.techsoft3d.com/u/espen)\
**Post date:** [March 3, 2023, 1:23pm UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/5 "2023-03-03T13:23:53Z")

</div>

I am triggering it from the modelStructureReady() callback. I can provide a model if that will help. Do you have a example model it will work on?

---

<div class="post-metadata">

**Author:** ![guido](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/guido/32/115_2.png) [@guido](https://forum.techsoft3d.com/u/guido)\
**Post date:** [March 3, 2023, 1:25pm UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/6 "2023-03-03T13:25:18Z")

</div>

Here is a live demo for testing but you can use the arboleda model from the package (its in the authoring/converter/example/\_data directory)

[https://3dsandbox.techsoft3d.com/?snippet=1wg2Elip0jXUTIJQ62WJ2O](https://3dsandbox.techsoft3d.com/?snippet=1wg2Elip0jXUTIJQ62WJ2O)

(If you have the model as an scs you can upload it to the live demo by simply dragging the scs on the viewer window and replacing the loadSubtree call)

---

<div class="post-metadata">

**Author:** ![espen](https://avatars.discourse-cdn.com/v4/letter/e/b5a626/32.png) [@espen](https://forum.techsoft3d.com/u/espen)\
**Post date:** [March 3, 2023, 1:46pm UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/7 "2023-03-03T13:46:01Z")

</div>

I did try using the sandbox with my model. It did not show the floorplan. It might be that something is happeing when I convert my models. Can you look into the parameters I use?

Are there somewhere I can upload my SCS to you?

Edit: It did work with the arboleda.scs file in my project, so it is something about the convert tool or parameters.

---

<div class="post-metadata">

**Author:** ![guido](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/guido/32/115_2.png) [@guido](https://forum.techsoft3d.com/u/guido)\
**Post date:** [March 3, 2023, 1:56pm UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/8 "2023-03-03T13:56:39Z")

</div>

Can you try converting your IFC model with the provided convert\_file batch file from the package in the quick\_start folder.( You will find the converted scs file in the quick\_start/converted\_models/user/scs\_models directory). Its possible that you need to set --sc\_export\_attributes 1 in your command line.

---

<div class="post-metadata">

**Author:** ![espen](https://avatars.discourse-cdn.com/v4/letter/e/b5a626/32.png) [@espen](https://forum.techsoft3d.com/u/espen)\
**Post date:** [March 3, 2023, 2:06pm UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/9 "2023-03-03T14:06:28Z")

</div>

That was it: --sc\_export\_attributes 1

Thanks a lot for your help. 😀

---

<div class="post-metadata">

**Author:** ![guido](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.techsoft3d.com/guido/32/115_2.png) [@guido](https://forum.techsoft3d.com/u/guido)\
**Post date:** [March 3, 2023, 2:06pm UTC](https://forum.techsoft3d.com/t/how-to-activate-floorplanmanager-and-florplan-view-in-webviewer/1668/10 "2023-03-03T14:06:56Z")

</div>

Great. We should probably make that the default going forward
