行っていること
ブラウザ上で入力した値を受け取って、場所情報を取得できるようにする
実現したいこと
Google Maps の Places APIを利用して場所情報の取得
発生するエラー
Uncaught (in promise) SyntaxError : Unexpected end of input gmap.js@34
(fetchの部分です)
SyntaxErrorとのことなので、文法間違いを探したのですが、
発見することができませんでした。
Javascript
1 function clickBtn1(){ 2 const searchVal = document.getElementById("address").value; 3 4 getData(searchVal); 5 } 6 7 async function getData(searchVal) { 8 9 const params ={ 10 key : "自分のAPI key", 11 input : searchVal, 12 inputtype : "textquery", 13 } 14 15 16 fetch(`https://maps.googleapis.com/maps/api/place/findplacefromtext/json?key=${params["key"]}&input=${params["input"]}&inputtype=${params["inputtype"]}`,{ mode: "no-cors" }) 17 .then(response => response.json()) 18 .then(json => { 19 console.log(json); 20 }) 21 22 } 23
HTML
1<!DOCTYPE html> 2<html lang = 'ja'> 3 <head> 4 <meta charset = 'utf-8'> 5 <title>roulette</title> 6 <link rel = "stylesheet" href = "dinner.css"> 7 8 </head> 9 <body> 10 11 <form name = "form1"> 12 <input type = "text" id = "address"> 13 14 </form> 15 <input type = "button" value = "検索" id = "search" onclick = "clickBtn1()"> 16 17 <script src = "gmap.js"></script> 18 <script src = "dinner.js"></script> 19 </body> 20</html>
お願いいたします。
あなたの回答
tips
プレビュー