`Avviso API di Google Maps: NoApiKeys` quando si tenta di accedere a Youtube Data Api v3

Question

Sto seguendo il tutorial Modern Redux With React e sto tentando di accedere all'API dei dati di YouTube v3, ma nella console di Chrome viene visualizzato l'errore Google Maps API warning: NoApiKeys. Non sono sicuro del motivo per cui ricevo un avviso su Google Maps, perché ho registrato una chiave API per YouTube.

Fare clic su Vai a credenziali.

Cliccato "API Key".

cliccato su "Browser".

nome Set e cliccato su creare.

copiato e incollato API in un file JS.

import React, {Component} from 'react'; 
import * as ReactDOM from "react/lib/ReactDOM"; 
import YTSearch from 'youtube-api-search'; 

import SearchBar from './components/search_bar'; 


const API_KEY = 'AIzaSyD9WN2t4lhIZ5Es34jwaerM98r2nSutLJs'; 


class App extends Component { 

    constructor(props) { 
    super(props); 

     this.state = {videos: []}; 

    YTSearch({key: API_KEY, term: 'surfboards'}, (videos) => { 
     console.log(data); 
     this.setState({videos}); 
    }); 
    } 

    render() { 
    return (
     <div> 
     <SearchBar /> 
     </div> 
    ); 
    } 
} 

ReactDOM.render(<App />, document.querySelector('.container')); 

Answer 1

Devi essere caricata l'API di Google Maps senza specificare una chiave API.

Dai un'occhiata alla scheda Rete di Chrome Dev Tools e vedi se qualcosa carica /maps/api/js - quindi prova a rintracciare quale parte del tuo codice sta inserendo nell'API di Google Maps.

Answer 2

Questo perché "maps.googleapis.com/maps/api/js" nel file index.html. Commenta questa linea per impedire che google maps tenti di caricare senza una chiave