Skip to content

Improve Marker Dragging Experience on Maps #5994

Description

@GouthamGatla

Summary

Currently, users need to perform a long press on a map marker before it becomes draggable. This interaction can feel unintuitive and may slow down marker repositioning.

Reproducible sample code

<Marker
          key={`draw-marker-${index}`}
          coordinate={coord}
          tappable={false}
          anchor={{ x: 0.5, y: 0.9 }}
          draggable={!disableFirstPinDrag || index !== 0}
          onDragEnd={(e) => handleDragEnd(e.nativeEvent.coordinate, index)}
          tracksViewChanges={false}
        >

Steps to reproduce

Open the map screen.
Add or select an existing marker.
Attempt to drag the marker immediately by touching and moving it.
Observe that the marker does not move.
Press and hold the marker for a moment, then drag it.
Notice that the marker becomes draggable only after the long-press gesture.

Expected result

Users should be able to drag markers more naturally with minimal delay.
Marker movement should feel smooth and responsive.

Actual result

Markers can only be dragged after a press-and-hold action.

React Native Maps Version

1.27.2

What platforms are you seeing the problem on?

Android

React Native Version

0.83.1

What version of Expo are you using?

Not using Expo

Device(s)

any

Additional information

Better user experience.
Faster marker placement and adjustments.
More intuitive map interactions.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions