google-map-react/google-map-react

Maintain same map instance across multiple pages of same react app

Open

#837 geöffnet am 2. März 2020

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (888 Forks)batch import
help wanted

Repository-Metriken

Stars
 (6.224 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Describe the bug 🐛

A clear and concise description of what the bug is.

Trying to use the same map instance across multiple pages of a react mobile web app. Would like to use the same map instance even when use navigates to other pages, since most pages require some markers to be rendered onto a map.

To Reproduce 🔍

Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

A live example helps a lot!

Expected behavior 💭

A clear and concise description of what you expected to happen.

Screenshots 🖥

If applicable, add screenshots to help explain your problem.

Environment:

  • OS: [e.g. iOS / windows / mac / android]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Additional context

Add any other context about the problem here.

Contributor Guide

Research-Richtung
Untersuche, wie die Map Instanz derzeit in google map react verwaltet wird (wahrscheinlich in der Kernkomponente). Untersuche die Verwendung von React Context oder einer globalen Zustandslösung, um dieselbe Map Instanz seitenübergreifend zu teilen. Dem Issue fehlen spezifische Details, daher wäre ein hilfreicher erster Schritt, die Anforderungen des Nutzers zu klären und möglicherweise auf bestehende Diskussionen oder Pull Requests zur Instanzverwaltung zu verweisen.
Tech Stack
reactjavascript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Recherche nötig
Voraussetzungen
ReactJavaScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60