Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Bug] Event listener on map initialized by defaultBounds causes warning in console

Aperta
  • Qualcosa non va?
#549 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
42/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react, typescript
Ambito
api, frontend

Direzione di ricerca

Inizia riproducendo l’esempio di Map fornito, quindi analizza use-map-events.ts intorno a createMapEvent e use-map-instance.ts intorno alla chiamata a fitBounds mostrata nello stack trace. Il lavoro è completato quando l’inizializzazione di defaultBounds con onCenterChanged non produce più l’avviso nella console; verifica la riproduzione dopo la modifica.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug
Description

Warning in console when initializing a map with defaultBounds and adding an event listener:

main.js:169 [createEvent] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new

Steps to Reproduce
import React from 'react';
import {
  APIProvider,
  Map,
} from '@vis.gl/react-google-maps';

import './App.css';

const API_KEY = '';
const MAP_ID = '';

export default function MyApp() {
  return (
    <APIProvider apiKey={API_KEY}>
      <Map
        id="map"
        mapId={MAP_ID}
        defaultBounds={{north: 45, south: 0, east: 0, west: 45}}
        onCenterChanged={() => {console.log('center changed')}}
      />
    </APIProvider>
  );
}
Environment
  • Library version: 1.2.0
  • Google maps version: weekly
  • Browser and Version: Chrome 129.0.6668.70
  • OS: Mint 22
Logs
main.js:169 [createEvent] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new
createMapEvent	@	use-map-events.ts:104
(anonymous)	@	use-map-events.ts:66
_.nk	@	main.js:169
tk	@	main.js:170
_.rk.set	@	main.js:294
(anonymous)	@	main.js:177
d	@	map.js:23
iC	@	map.js:24
(anonymous)	@	main.js:414
Promise.then		
fn.fitBounds	@	main.js:414
(anonymous)	@	use-map-instance.ts:157
commitHookEffectListMount	@	react-dom.development.js:23189
commitPassiveMountOnFiber	@	react-dom.development.js:24965
commitPassiveMountEffects_complete	@	react-dom.development.js:24930
commitPassiveMountEffects_begin	@	react-dom.development.js:24917
commitPassiveMountEffects	@	react-dom.development.js:24905
flushPassiveEffectsImpl	@	react-dom.development.js:27078
flushPassiveEffects	@	react-dom.development.js:27023
(anonymous)	@	react-dom.development.js:26808
workLoop	@	scheduler.development.js:266
flushWork	@	scheduler.development.js:239
performWorkUntilDeadline	@	scheduler.development.js:533
Show less
Lingua principale
TypeScript
Stelle
1.9k
Fork
195
Merge medio
2g 11h
PR unite (30g)
14

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di visgl/react-google-maps

Tutte le issue di visgl/react-google-maps

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.