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

# Class MapMouseEvent`Maptiler`

`MapMouseEvent` is the event type for mouse-related map events.

#### Example[](#example)

```typescript
// The `click` event is an example of a `MapMouseEvent`.
// Set up an event listener on the map.
map.on('click', (e) => {
  // The event object (e) contains information like the
  // coordinates of the point on the map that was clicked.
  console.log('A click event has occurred at ' + e.lngLat);
});
```

#### Hierarchy ([View Summary](https://docs.maptiler.com/sdk-js/api-reference/hierarchy/#MapMouseEvent))

-   [MapMouseEvent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/)
    -   MapMouseEvent

##### Index

### Constructors[](#constructors)

[constructor](#constructor)

### Properties[](#properties)

[lngLat](#lnglat) [originalEvent](#originalevent) [point](#point) [target](#target) [type](#type)

### Accessors[](#accessors)

[defaultPrevented](#defaultprevented)

### Methods[](#methods)

[preventDefault](#preventdefault)

## Constructors[](#constructors-1)

### `Maptiler`constructor[](#constructor)

-   new MapMouseEvent(  
        type: string,  
        map: [MapLibreMap](https://docs.maptiler.com/sdk-js/api-reference/classes/MapLibreMap/) | [Map](https://docs.maptiler.com/sdk-js/api-reference/classes/Map/),  
        originalEvent: [MouseEvent](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MouseEvent/),  
        data?: [Record](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.Record/)<string, unknown\>,  
    ): MapMouseEvent[](#constructormapmouseevent)
    
    #### Parameters
    
    -   type: string
    -   map: [MapLibreMap](https://docs.maptiler.com/sdk-js/api-reference/classes/MapLibreMap/) | [Map](https://docs.maptiler.com/sdk-js/api-reference/classes/Map/)
    -   originalEvent: [MouseEvent](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MouseEvent/)
    -   data: [Record](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.Record/)<string, unknown\> = {}
    
    #### Returns MapMouseEvent
    
    Overrides [MapMouseEvent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/).[constructor](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/#constructor)
    

## Properties[](#properties-1)

### lngLat[](#lnglat)

lngLat: [LngLat](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.LngLat/)

The geographic location on the map of the mouse cursor.

Inherited from [MapMouseEvent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/).[lngLat](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/#lnglat)

### originalEvent[](#originalevent)

originalEvent: [MouseEvent](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MouseEvent/)

The DOM event which caused the map event.

Inherited from [MapMouseEvent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/).[originalEvent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/#originalevent)

### point[](#point)

point: [Point](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Point/)

The pixel coordinates of the mouse cursor, relative to the map and measured from the top left corner.

Inherited from [MapMouseEvent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/).[point](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/#point)

### target[](#target)

target: [MapLibreMap](https://docs.maptiler.com/sdk-js/api-reference/classes/MapLibreMap/)

The `Map` object that fired the event.

Inherited from [MapMouseEvent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/).[target](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/#target)

### type[](#type)

type:  
    | "click"  
    | "contextmenu"  
    | "dblclick"  
    | "mousemove"  
    | "mouseup"  
    | "mousedown"  
    | "mouseout"  
    | "mouseover"  
    | "mouseenter"  
    | "mouseleave"

The event type

Inherited from [MapMouseEvent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/).[type](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/#type)

## Accessors[](#accessors-1)

### defaultPrevented[](#defaultprevented)

-   get defaultPrevented(): boolean
    
    `true` if `preventDefault` has been called.
    
    #### Returns boolean
    
    Inherited from maplibregl.MapMouseEvent.defaultPrevented
    

## Methods[](#methods-1)

### preventDefault[](#preventdefault)

-   preventDefault(): void[](#preventdefault-1)
    
    Prevents subsequent default processing of the event by the map.
    
    Calling this method will prevent the following default map behaviors:
    
    -   On `mousedown` events, the behavior of [DragPanHandler](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DragPanHandler/)
    -   On `mousedown` events, the behavior of [DragRotateHandler](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DragRotateHandler/)
    -   On `mousedown` events, the behavior of [BoxZoomHandler](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.BoxZoomHandler/)
    -   On `dblclick` events, the behavior of [DoubleClickZoomHandler](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DoubleClickZoomHandler/)
    
    #### Returns void
    
    Inherited from [MapMouseEvent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/).[preventDefault](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.MapMouseEvent/#preventdefault)