---
title: "ICameraHelper | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Interface ICameraHelper

interface ICameraHelper {  
    get [useGlobeControls](#useglobecontrolsuseglobecontrols)(): boolean;  
    [cameraForBoxAndBearing](#cameraforboxandbearing-1)(  
        options: [CameraForBoundsOptions](https://docs.maptiler.com/sdk-js/api-reference/types/CameraForBoundsOptions/),  
        padding: [PaddingOptions](https://docs.maptiler.com/sdk-js/api-reference/types/PaddingOptions/),  
        bounds: [LngLatBounds](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLatBounds/),  
        bearing: number,  
        tr: [IReadonlyTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.IReadonlyTransform/),  
    ): [CameraForBoxAndBearingHandlerResult](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CameraForBoxAndBearingHandlerResult/);  
    [handleEaseTo](#handleeaseto-1)(  
        tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/),  
        options: [EaseToHandlerOptions](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EaseToHandlerOptions/),  
    ): [EaseToHandlerResult](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EaseToHandlerResult/);  
    [handleFlyTo](#handleflyto-1)(  
        tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/),  
        options: [FlyToHandlerOptions](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.FlyToHandlerOptions/),  
    ): [FlyToHandlerResult](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.FlyToHandlerResult/);  
    [handleJumpToCenterZoom](#handlejumptocenterzoom-1)(  
        tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/),  
        options: { center?: [LngLatLike](https://docs.maptiler.com/sdk-js/api-reference/types/LngLatLike/); zoom?: number },  
    ): void;  
    [handleMapControlsPan](#handlemapcontrolspan-1)(  
        deltas: [MapControlsDeltas](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.MapControlsDeltas/),  
        tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/),  
        preZoomAroundLoc: [LngLat](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLat/),  
    ): void;  
    [handleMapControlsRollPitchBearingZoom](#handlemapcontrolsrollpitchbearingzoom-1)(  
        deltas: [MapControlsDeltas](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.MapControlsDeltas/),  
        tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/),  
    ): void;  
    [handlePanInertia](#handlepaninertia-1)(  
        pan: [Point](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Point/),  
        transform: [IReadonlyTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.IReadonlyTransform/),  
    ): { easingCenter: [LngLat](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLat/); easingOffset: [Point](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Point/) };  
}

##### Index

### Accessors[](#accessors)

[useGlobeControls](#useglobecontrols)

### Methods[](#methods)

[cameraForBoxAndBearing](#cameraforboxandbearing) [handleEaseTo](#handleeaseto) [handleFlyTo](#handleflyto) [handleJumpToCenterZoom](#handlejumptocenterzoom) [handleMapControlsPan](#handlemapcontrolspan) [handleMapControlsRollPitchBearingZoom](#handlemapcontrolsrollpitchbearingzoom) [handlePanInertia](#handlepaninertia)

## Accessors[](#accessors-1)

### useGlobeControls[](#useglobecontrols)

-   get useGlobeControls(): boolean
    
    #### Returns boolean
    

## Methods[](#methods-1)

### cameraForBoxAndBearing[](#cameraforboxandbearing)

-   cameraForBoxAndBearing(  
        options: [CameraForBoundsOptions](https://docs.maptiler.com/sdk-js/api-reference/types/CameraForBoundsOptions/),  
        padding: [PaddingOptions](https://docs.maptiler.com/sdk-js/api-reference/types/PaddingOptions/),  
        bounds: [LngLatBounds](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLatBounds/),  
        bearing: number,  
        tr: [IReadonlyTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.IReadonlyTransform/),  
    ): [CameraForBoxAndBearingHandlerResult](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CameraForBoxAndBearingHandlerResult/)[](#cameraforboxandbearing-1)
    
    #### Parameters
    
    -   options: [CameraForBoundsOptions](https://docs.maptiler.com/sdk-js/api-reference/types/CameraForBoundsOptions/)
    -   padding: [PaddingOptions](https://docs.maptiler.com/sdk-js/api-reference/types/PaddingOptions/)
    -   bounds: [LngLatBounds](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLatBounds/)
    -   bearing: number
    -   tr: [IReadonlyTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.IReadonlyTransform/)
    
    #### Returns [CameraForBoxAndBearingHandlerResult](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CameraForBoxAndBearingHandlerResult/)
    

### handleEaseTo[](#handleeaseto)

-   handleEaseTo(tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/), options: [EaseToHandlerOptions](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EaseToHandlerOptions/)): [EaseToHandlerResult](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EaseToHandlerResult/)[](#handleeaseto-1)
    
    #### Parameters
    
    -   tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/)
    -   options: [EaseToHandlerOptions](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EaseToHandlerOptions/)
    
    #### Returns [EaseToHandlerResult](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EaseToHandlerResult/)
    

### handleFlyTo[](#handleflyto)

-   handleFlyTo(tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/), options: [FlyToHandlerOptions](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.FlyToHandlerOptions/)): [FlyToHandlerResult](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.FlyToHandlerResult/)[](#handleflyto-1)
    
    #### Parameters
    
    -   tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/)
    -   options: [FlyToHandlerOptions](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.FlyToHandlerOptions/)
    
    #### Returns [FlyToHandlerResult](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.FlyToHandlerResult/)
    

### handleJumpToCenterZoom[](#handlejumptocenterzoom)

-   handleJumpToCenterZoom(  
        tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/),  
        options: { center?: [LngLatLike](https://docs.maptiler.com/sdk-js/api-reference/types/LngLatLike/); zoom?: number },  
    ): void[](#handlejumptocenterzoom-1)
    
    #### Parameters
    
    -   tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/)
    -   options: { center?: [LngLatLike](https://docs.maptiler.com/sdk-js/api-reference/types/LngLatLike/); zoom?: number }
    
    #### Returns void
    

### handleMapControlsPan[](#handlemapcontrolspan)

-   handleMapControlsPan(  
        deltas: [MapControlsDeltas](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.MapControlsDeltas/),  
        tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/),  
        preZoomAroundLoc: [LngLat](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLat/),  
    ): void[](#handlemapcontrolspan-1)
    
    #### Parameters
    
    -   deltas: [MapControlsDeltas](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.MapControlsDeltas/)
    -   tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/)
    -   preZoomAroundLoc: [LngLat](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLat/)
    
    #### Returns void
    

### handleMapControlsRollPitchBearingZoom[](#handlemapcontrolsrollpitchbearingzoom)

-   handleMapControlsRollPitchBearingZoom(  
        deltas: [MapControlsDeltas](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.MapControlsDeltas/),  
        tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/),  
    ): void[](#handlemapcontrolsrollpitchbearingzoom-1)
    
    #### Parameters
    
    -   deltas: [MapControlsDeltas](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.MapControlsDeltas/)
    -   tr: [ITransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ITransform/)
    
    #### Returns void
    

### handlePanInertia[](#handlepaninertia)

-   handlePanInertia(  
        pan: [Point](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Point/),  
        transform: [IReadonlyTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.IReadonlyTransform/),  
    ): { easingCenter: [LngLat](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLat/); easingOffset: [Point](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Point/) }[](#handlepaninertia-1)
    
    #### Parameters
    
    -   pan: [Point](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Point/)
    -   transform: [IReadonlyTransform](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.IReadonlyTransform/)
    
    #### Returns { easingCenter: [LngLat](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLat/); easingOffset: [Point](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Point/) }