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

[Bug] "AdvancedMarkerElement: map invalid: not an instance of MapsApiMap"

Abierto
#540 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 3 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Comienza con el CodeSandbox enlazado y su configuración de Map y TooltipMarker en varias páginas; después, inspecciona la integración de AdvancedMarker mientras reproduces el error intermitente map-invalid durante los cambios de página. La tarea estará terminada cuando se haya identificado y resuelto el problema, de modo que el error ya no se produzca en la configuración reproducida, con cobertura de regresión relevante si existe un punto de entrada de pruebas aplicable.

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

Descripción

bug
Description

We keep getting this error:

AdvancedMarkerElement: map invalid: not an instance of MapsApiMap

I'm not sure what's causing this issue to occur, but we keep running into it. There are a few things to note about our usage:

  • We're using the AdvancedMarker to create a TooltipMarker component
  • Our app renders a list of pages, each with their own Map, each receiving a unique location

At first I thought the error was perhaps being caused by some mounting/unmounting behavior that happens when switching between pages, or by how we implemented TooltipMarker, but I'm honestly not sure.

Steps to Reproduce

https://codesandbox.io/p/sandbox/advancedmarker-example-cyycp9

Getting the error to show up consistently is... not easy. The codesandbox linked above shows how the app is set up at a basic level, i.e. multiple pages rendering their own Map and a basic TooltipMarker implementation using AdvancedMarker.

Environment
  • Library version: 1.1.1
  • Google maps version: weekly
  • Browser and Version: Chrome 128
  • OS: Mac
Logs

No response

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

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.