質問: javascript初学者です。入力した住所の文字列から緯度経度を吐き出してくれるAPI関数を利用したいと考えており、ローカル環境(MAMP)で学習しています。 以下のジオコーディングAPIを見つけましたが、期待しているオブジェクトが出力できないため、知恵をお貸しください。 使い方も書かれており、タグの直前に以下のスクリプトを設置 「API 関数 getLatLng() を任意のクリックイベント等でコールしてください」とありましたので、以下のコードを説明通りjsファイルにコピペしました。 document.getElementById('exec').addEventListener('click', () => { if (document.getElementById('address').value) { getLatLng(document.getElementById('address').value, (latlng) => { map.setCenter(latlng) }) } }) htmlも、ほぼサンプル通りに入力しています(エラー対応部分は省略)。 検索 緯度: 経度: 検索ボタンを押すと、id=addressの値「東京都千代田区霞が関1-3-1」を、API関数getLatLngの第1引数に渡し、後に続くコールバック関数に、緯度経度に関するオブジェクトが渡されるーーと解釈しています。 ※HPによると、オブジェクトは以下のように出てくるそうです(自身はデバッグで確認するところまでたどり着けていません) { addr: "3-1" city: "千代田区" lat: 35.673944 level: 3 lng: 139.752558 pref: "東京都" town: "霞が関一丁目" } 説明として、おおまかな流れは理解できましたが、 いざ上記のコード通りに打ち込んで、検索ボタンを押しても、関数getLatLngが動いている気配がありません。自分が理解できていないだけで、実際は関数は動いているのでしょうが、デバッグで確認する術がわからない、という表現が正しいのかもしれません。 Chromeのデベロッパーツールからconsole.logで調べると、addressの値(document.getElementById('address').valueを変数化したもの)は「東京都千代田区霞が関1-3-1」を出力していたので、住所の引数は関数に渡っているとは思います。その先で関数が動いているのか確認するため、上記のようなオブジェクトを出力するには、どうデバッグすればよいのか、知恵をお貸しください。
回答: ID非公開さん >・・・・上記のようなオブジェクトを出力するには、・・・・・・・・ こちらも、ご参考に↓ 前後しましたが、課題はこういう事ですか。↓ 緯度・経度を求める住所を入力 検索 緯度: 経度: