Come faccio a far funzionare la chiave API di Googlemap su localhost?
Ho creato una chiave API e in referers aggiungo quanto segue:
Accept requests from these HTTP referrers (websites) (Optional)
Use asterisks for wildcards. If you leave this blank, requests will be
accepted from any referrer. Be sure to add referrers before using this key
in production.
localhost
Questo non funziona e se escludo la chiave api non funziona neanche?
Risposte:
Puoi seguire in questo modo. Funziona almeno per me:
nella pagina delle credenziali:
Selezionare l'opzione con indirizzo IP (opzione n. 3).
Inserisci il tuo indirizzo IP dal tuo provider. Se non lo fai, cerca il tuo indirizzo IP utilizzando questo link: https://www.google.com/search?q=my+ip
Salvarlo.
Cambia il tuo link alla mappa di google come segue tra il tag scrip:
https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "
Attendi circa 5 minuti o più per consentire la propagazione della chiave API.
Ora la tua mappa di Google dovrebbe funzionare.
Se stai lavorando su localhost, crea una APIkey separata per il tuo sviluppo e quindi rimuovi le restrizioni su quella chiave in modo che il tuo localhost possa usarla. Ricorda di non utilizzare questa chiave durante la produzione, in modo da non esporre la tua chiave ai cacciatori online.
Ho avuto lo stesso problema e tutti i tentativi per far funzionare le restrizioni sul mio ambiente localhost non hanno avuto successo fino a quando non ho creato un apikey separato appositamente per lo sviluppo e quindi rimosso le sue restrizioni. Tuttavia non utilizzo quella chiave nell'ambiente di produzione e, una volta terminati gli sviluppi, cancellerò immediatamente la chiave API.
So che questo post è in ritardo, ma per le persone che probabilmente dovranno affrontare questo problema in futuro, questa è la strada migliore da percorrere.
Immagino di essere un po 'in ritardo per la festa, e sebbene sia d'accordo sul fatto che creando una chiave separata per lo sviluppo (localhost) e il prodotto è possibile fare entrambe le cose in una sola chiave.
Quando si utilizzano le restrizioni dell'applicazione -> riferimenti http -> restrizioni del sito Web, è possibile immettere URL con caratteri jolly.
Tuttavia, utilizzando un carattere jolly come .localhost / o .localhost: {port}. (quando hai già .yourwebsite.com / * ) non sembra funzionare.
Basta mettere un singolo * funziona, ma questo ti dà fondamentalmente una chiave illimitata che non è nemmeno quello che vuoi.
Quando includi il percorso completo senza usare il carattere jolly * funziona anche, quindi nel mio caso inserendo:
http: // localhost {port} /
http: // localhost : {port} / qualcos'altro / qui
Rende le mappe di Google sia locali che su www.tuosito.com utilizzando la stessa chiave API.
Ad ogni modo, quando avere 2 chiavi separate è anche un'opzione, consiglierei di farlo.
Puoi seguire questo tutorial su come utilizzare Google Maps per i test su localhost.
- Fare clic su questo collegamento e seguire la procedura (creare un nuovo progetto, chiave API> chiave del browser, registrare il dominio "localhost"): https://console.developers.google.com//flows/enableapi?apiid=maps_backend&keyType=CLIENT_SIDE&reusekey=true
- Genera la chiave
- Distribuisci il widget di Google Maps come descritto qui: http://www2.microstrategy.com/producthelp/10/GISHelp/Lang_1033/GIS_Integration.htm
- Aggiungi la tua chiave API di Google Maps a googleConfig.xml (come descritto nel link precedente) ENTER_YOUR_KEY_HERE
- Riavvia il server web
Controlla questi thread SO correlati:
Spero che sia di aiuto!
Devi controllare l'errore specifico all'interno della console javascript (es. Ctrl+ Shift+ KIn Firefox per Windows).
Secondo Steven Gliebe (2016) , ci sono quattro casi comuni per questo problema. Se posso riassumerlo, come questo:
Dopo aver apportato alcune modifiche al codice, svuota la cache del browser se necessario.
In caso di altri errori, puoi controllare la pagina della documentazione dei codici di errore dell'API di Google Maps .
Dove dice "Accetta richieste da questi referrer HTTP (siti web) (Facoltativo)" non è necessario che sia elencato alcun referrer. Quindi fai clic sulla X accanto a localhost in questa pagina ma continua a utilizzare la tua chiave.
Dovrebbe quindi funzionare dopo pochi minuti.
Talvolta le modifiche apportate possono richiedere alcuni minuti prima di diventare effettive, quindi attendi qualche minuto prima di riprovare.