---
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

`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/#Externals.MapMouseEvent))

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

#### Implements

-   [MapLibreEvent](https://docs.maptiler.com/sdk-js/api-reference/types/MapLibreEvent/)<[MouseEvent](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MouseEvent/)\>

##### 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)

### constructor[](#constructor)

-   new MapMouseEvent(  
        type: string,  
        map: [MapLibreMap](https://docs.maptiler.com/sdk-js/api-reference/classes/MapLibreMap/),  
        originalEvent: [MouseEvent](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MouseEvent/),  
        data?: any,  
    ): MapMouseEvent[](#constructormapmouseevent)
    
    #### Parameters
    
    -   type: string
    -   map: [MapLibreMap](https://docs.maptiler.com/sdk-js/api-reference/classes/MapLibreMap/)
    -   originalEvent: [MouseEvent](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MouseEvent/)
    -   `Optional`data: any
    
    #### Returns MapMouseEvent
    
    Overrides [Event](https://docs.maptiler.com/sdk-js/api-reference/classes/Event/).[constructor](https://docs.maptiler.com/sdk-js/api-reference/classes/Event/#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.

### originalEvent[](#originalevent)

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

The DOM event which caused the map event.

Implementation of MapLibreEvent.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.

### target[](#target)

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

The `Map` object that fired the event.

Implementation of MapLibreEvent.target

### type[](#type)

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

The event type

Implementation of MapLibreEvent.type

Overrides [Event](https://docs.maptiler.com/sdk-js/api-reference/classes/Event/).[type](https://docs.maptiler.com/sdk-js/api-reference/classes/Event/#type)

## Accessors[](#accessors-1)

### defaultPrevented[](#defaultprevented)

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

## 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