Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[Bug] Customed AdvancedMarker can't be dragged

Abierto
#746 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
48/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Comienza localizando cómo gestiona el componente AdvancedMarker la prop draggable y compáralo con el comportamiento de la Google Maps API descrito en el issue. Reproduce el ejemplo de Pin personalizado y verifica que el arrastre funciona mediante el comportamiento gmpDraggable.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

bug
Description
                    <AdvancedMarker 
                        position={{lat: currentLocation?.lat, lng: currentLocation?.lng}}
                        draggable={true}
                    >
                        <Pin background="#0f9d58" />
                    </AdvancedMarker>

I found that this code does not allow the Pin element to be dragged. It should use gmpDraggable, but that property was omitted. I tested this using the raw Google Maps API, and confirmed that gmpDraggable works, whereas draggable does not.

Steps to Reproduce
                    <AdvancedMarker 
                        position={{lat: currentLocation?.lat, lng: currentLocation?.lng}}
                        draggable={true}
                    >
                        <Pin background="#0f9d58" />
                    </AdvancedMarker>
Environment
  • Library version:
  • Google maps version: weekly
  • Browser and Version:
  • OS:
Logs

Lenguaje dominante
TypeScript
Estrellas
1.9k
Forks
195
Merge medio
2 d 11 h
PR fusionados (30 d)
14

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de visgl/react-google-maps

Todos los issues de visgl/react-google-maps

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.