---
description: Step 1 of 8 in getting Quest Map Pro integrated into your own UI
---

# Place the Compass Element

Add **W\_QuestMapPro\_Compass** to your HUD and position it where you would like the compass to appear.

<figure><img src="https://lh6.googleusercontent.com/LuIy04xZ95yTwcQ-ErZu8b8kIMClJJCddJafG1YhsZlZeJ3jZTNwDP_nv6rkynGWSLqiO653eLwLBxyhNTAN5BaG-xFAnXvhY5_HEOszCcNU5uoTaNpJaxV51l5uNOLhkyBfwqKXfgD93vdrRh2Xez0" alt=""><figcaption></figcaption></figure>

Ensure that “**Size To Content**” is set to **false**. It is recommended to ensure the **ZOrder** value is set to something higher than 0, like **10**, to ensure that the compass appears on top of other elements in the widget.

<figure><img src="https://lh5.googleusercontent.com/ietxwukKIbI6VRO_menC8w_pgDy2kV-9VsZgHsOxE5Ag9L2RRUs0pNnA_vVV4Z8ATgz5gwgTOvQJN0jF82xiw_jzhs_FQADjBhq3BiWzzF6Jfx4lvG2-LwMlffILYV2iMM9JPGDTQSm1pmTRiLxdRv4" alt=""><figcaption></figcaption></figure>

Set the visibility of the Compass to **Hidden**.

<figure><img src="https://lh6.googleusercontent.com/l5oWWo1Bffn_nMxNjavpFRkNXdhS_L9LhQdWZPL7vp7YOlFvQLiPQDvXEmnDebYpHbHF6ozdmNpaZe1oti8r99qHwOKl5gR3CEZjudgGttHXDn-eHwgDcxyyqiXD9FifoRITbegaH5m8x96MeKRK_SE" alt=""><figcaption></figcaption></figure>

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>Go Back:</td><td><strong>Using Your Own HUD Overview</strong></td><td></td><td><a href=""></a></td></tr><tr><td>Next Step:</td><td><strong>Place the World Map Element</strong></td><td></td><td><a href="place-the-world-map-element">place-the-world-map-element</a></td></tr></tbody></table>
