Google Maps JS API sur localhost : RefererNotAllowedMapError

Question

Pour les visiteurs tentés par la duplication : Je suis au courant de tous les problèmes similaires, mais le mien n'est pas résolu par eux.

Je développe localement une application react et mon code ressemble à ceci :

<Script
    url={`https://maps.googleapis.com/maps/api/js?key=${process.env.REACT_APP_GOOGLE_PLACES_API_KEY || ""}&libraries=places` }
    onLoad={ this.handleScriptLoad }
/>

et ma console ressemble à :

Mais je comprends toujours :

Erreur de l'API JavaScript de Google Maps : [ ] https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error L'URL de votre site doit être autorisé : http://localhost:3000/

Et j'ai attendu pendant plus de 2 heures

Answer 1

J'ai eu le même problème, mais cela semble fonctionner pour moi :

http://localhost/

Assurez-vous de cliquer sur "Enregistrer" ci-dessous

Answer 2

Pas localhost

besoin de votre ip

ex) 123.12.1.123:3000