Google Maps APIにリクエストを送信するにはどうすればよいですか？

Question

私はGoogleマップのAPIのための私のキーを持っていると私はオブジェクトを取得するブラウザにURLを書くとき。今、私は私のアプリからのリクエストを送信しようとすると、私はこのエラーに

Request header field Content-Type is not allowed by 
Access-Control-Allow-Headers in preflight response 

を取得し、私はフェッチ

fetch(url,{ 
     method: "GET", 
     headers: { 
     "Content-Type": "application/json" 
     } 
    }) 
    .then(async res => { 
      const data = await res.json(); 
      self.setState({ 
      Zone: data 
      }) 
     }) 
     .catch(function(err) { 
      console.log('ERROR!!! ' + err.message); 
     });` 

Answer 1

APIは、JSON本体でPOSTリクエストを送信しないためです。

そして、要求は、デフォルトでGETリクエストであることから、あなたはオプションオブジェクトを除外することができます。

fetch(url) 
.then(async res => { 
    const data = await res.json() 
    self.setState({ 
    Zone: data 
    }) 
}) 
.catch(function(err) { 
    console.log('ERROR!!! ' + err.message) 
}) 

Answer 2

と私の要求を行い、あなたのエラーを解決する方法を2通りの方法があります。最初は、CORSを許可するようにクロム拡張子を使用している：https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

番目のオプションは、CORSのNPMパッケージをインストールし、使用しているJavaScriptの内側GoogleのへのあなたのGETリクエストのヘッダContent-Typeを設定する必要はありません