---
title: "DragPanOptions | 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.

# Type Alias DragPanOptions

A [DragPanHandler](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DragPanHandler/) options object

type DragPanOptions \= {  
    [deceleration](#deceleration)?: number;  
    [easing](#easing)?: (t: number) \=> number;  
    [linearity](#linearity)?: number;  
    [maxSpeed](#maxspeed)?: number;  
}

##### Index

### Properties[](#properties)

[deceleration?](#deceleration) [easing?](#easing) [linearity?](#linearity) [maxSpeed?](#maxspeed)

## Properties[](#properties-1)

### `Optional`deceleration[](#deceleration)

deceleration?: number

the maximum value of the drag velocity.

#### Default Value[](#default-value)

```typescript
1400
```

### `Optional`easing[](#easing)

easing?: (t: number) \=> number

easing function applied to `map.panTo` when applying the drag.

#### Type Declaration

-   -   (t: number): number
    -   #### Parameters
        
        -   t: number
            
            the easing function
            
        
        #### Returns number
        

#### Default Value[](#default-value-1)

```typescript
bezier(0, 0, 0.3, 1)
```

### `Optional`linearity[](#linearity)

linearity?: number

factor used to scale the drag velocity

#### Default Value[](#default-value-2)

```typescript
0
```

### `Optional`maxSpeed[](#maxspeed)

maxSpeed?: number

the rate at which the speed reduces after the pan ends.

#### Default Value[](#default-value-3)

```typescript
2500
```