> For the complete documentation index, see [llms.txt](https://docs.renderdraw.us/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.renderdraw.us/api-documentation/3d-components-api/events-aura/evt_renderer_get_camerapositionandtarget.md).

# EVT\_Renderer\_Get\_CameraPositionandTarget

### RDraw:EVT\_Renderer\_Get\_CameraPositionandTarget

#### Usage Notes

This event is raised when **getCameraPositionandTarget** is called on the AdvancedRenderer component. It returns a single. Handling this event allows for the receiving of the details of that 3D node. These details can be used to apply 3D effects to the scene, or by looking up related data within the Salesforce platform.

#### Parameters

| **NAME** | **TYPE** | **REQUIRED** | **DESCRIPTION**                                      |
| -------- | -------- | ------------ | ---------------------------------------------------- |
| data     | object   | Yes          | The camera's position returned in JSON object format |

**“data” parameter structure**

```
{
   "target": object,
   "position": {
            "x": number,
            "y": number,
            "z": number,
            "alpha": number
            "beta": number
        }
}
```

#### Source Component

* SimpleRenderer

#### Handler Component

* AdvancedRenderer

#### Event Name (for handler)

```xml
<aura:handler event="RDraw:EVT_Renderer_Get_CameraPositionandTarget" action="{!c.handleGetCameraPositionandTarget}" />
```

#### Example Usage

Choosing where to aim the camera is important when displaying 3D diagrams to users. Often, its easier to navigate where you want the users to look and get the position of the camera in order to re-use as part of a scene or a configuration.To do this, simply call the **getCameraPositionandTarget** on the instance of your renderer, after subscribing to the message type and you'll receive the position in JSON format.

Component

```
  <aura:component implements="lightning:availableForFlowScreens,flexipage:availableForAllPageTypes,force:hasRecordId">
      <aura:handler name="getCameraPostionandTarget" event="RDraw:EVT_Renderer_Get_CameraPositionandTarget"
        action="{!c.handleGetCameraPositionsandTarget}" />
         <lightning:card title="Get Camera Position">
         	<p class="slds-p-horizontal_small">
               <lightning:button title="Get Position"
                   onclick="{!c.handleGetCameraPositionButtonClicked}">Get Position
               </lightning:button>
            </p>
        </lightning:card>
  		<RDraw:AdvancedRenderer displayContext="true" aura:id="renderer"
                            nodeIgnoreList="{!v.excludeMeshNames}" displayContextDetails="{!v.displayQuoteLineDetails}"
                            displaySidebar="{!v.showSidebar}" size="Medium" allowSelection="true"
                            brandImageURL="{!v.brandImageURL}" recordId="{!v.selectedQuoteLineId}">
                            ... 
                            </RDraw:AdvancedRenderer>
  </aura:component>
```

Controller

```
[{
	handleGetCameraPositionButtonClicked: function (component, event, helper) {
        let renderer = component.find('renderer');
        renderer.getCameraPositionandTarget();
    },
    handleGetCameraPositionsandTarget: function (component, event, helper) {
        alert(JSON.stringify(event.getParam('data'), null, 2))
    },
}]
```