visgl / visgl/react-google-maps

[Bug]

Open
#592 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
1.9k
Forks
193
Avg merge
3d 16h
Merged PRs (30d)
13

Description

Description

I was trying to add a google firebase login to multimap example (https://visgl.github.io/react-google-maps/examples/multiple-maps, example is certainly working).
empty
login-screen
normal

First, i created a empty login with only firebase code,
login name: qiaoxin136@gmail.com
password: 123456
it worked and showed a welcome message, (see login-screen.png)
then i added the multiplemap code, the multiple maps does not show up at all. Nothing. (see empty.png)
I am not sure if there is a bug here or it is google firebase problem.

Steps to Reproduce

the working empty login can be seen in
https://codesandbox.io/p/github/qiaoxin136/login-empty/draft/autumn-pine?workspaceId=d68df01c-f46f-497c-bfee-4134267b36a9

the login with map (showing empty result) can be seen in

https://codesandbox.io/p/github/qiaoxin136/login-map/main?workspaceId=d68df01c-f46f-497c-bfee-4134267b36a9

again login name: qiaoxin136@gmail.com password: 123456

Environment
  • Library version:
  • Google maps version: weekly
  • Browser and Version:
  • OS:
Logs
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'hi')
    at google.maps.__gjsload__._.ar (common.js:7:229)
    at Hn.<anonymous> (map.js:58:206)
    at _.Dk (js?key=AIzaSyBsntctk…hzbQZ_d4gsw:173:457)
    at map.js:58:142
    at new Promise (<anonymous>)
    at Nwa.swa [as sF] (map.js:58:114)
    at js?key=AIzaSyBsntctk…NhzbQZ_d4gsw:240:78

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Compare the working login-empty and login-map CodeSandbox reproductions with the multiple-maps example, then inspect the browser console for the reported Google Maps error. Check whether the map renders after Firebase login and document the relevant library, browser, OS, and Google Maps versions. Done means the authenticated multiple-map example displays its maps without the reported error.

Written by the indexing model from the issue text.

Assessment

Tech stack
firebase, react, typescript
Domain
authentication, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.