緯度と経度は取れたが住所が取れない

Rails5/coffee scriptです。

APIを利用して住所を取得したく以下のURLを参考にしました。

Geolocation APIとGoogle Maps APIを合わせて住所を取得

上記を参考に、緯度と経度までは取得できたのですが、Google Maps APIを利用して住所を取得することが出来ません。
特にエラーは表示されませんでした。
どこが原因でしょうか？

宜しくお願い致します。

coffee
1@getLocation = () ->
2  navigator.geolocation.getCurrentPosition ((position) ->
3    value = '緯度:' + position.coords.latitude + ',経度' + position.coords.longitude
4    if document.getElementById('geo_location') != null
5        document.getElementById('geo_location').innerHTML = value
6    geocoder = new (google.maps.Geocoder)
7    data = position.coords
8    lat = data.latitude
9    lng = data.longitude
10    latlng = new (google.maps.LatLng)(lat, lng)
11    geocoder.geocode { 'latLng': latlng }, (results, status) ->
12      if status == google.maps.GeocoderStatus.OK
13        document.getElementById('address').innerHTML = results[0].formatted_address
14      else
15        alert 'エラー' + status
16        return
17    return
18  ), (error) ->
19    switch error.code
20      when 1
21        #PERMISSION_DENIED
22        alert '位置情報の利用が許可されていません'
23      when 2
24        #POSITION_UNAVAILABLE
25        alert '現在位置が取得できませんでした'
26      when 3
27        #TIMEOUT
28        alert 'タイムアウトになりました'
29      else
30        alert 'その他のエラー(エラーコード:' + error.code + ')'
31        break
32    return
33  return
34
35
36setInterval getLocation, 1000

html
1<html>
2 <body>
3   <span id="geo_location"></span>
4   <span id="address"></span>
5 </body>
6</html>

2018/05/31 追記：指摘につきresultsの内容をデバッグしてみました
geocoder.geocode { 'latLng': latlng }, (results, status) の後に
１行追加

coffee
1geocoder.geocode { 'latLng': latlng }, (results, status) ->
2#何も表示されない
3alert results
4コード

2018/06/04 追記：consoloeを使ってresultsの内容をデバッグ

coffee
1geocoder.geocode { 'latLng': latlng }, (results, status) ->
2#debug
3console.log(results)
4コード

application.html.erbには、APIキーも設定しています。

ruby
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <script src="https://maps.googleapis.com/maps/api/js?key=ここにAPIキー"></script>
5</head>
6

m.ts10806

2018/05/31 08:24

resultsはどのような内容になっているのでしょうか。

pecchan

2018/05/31 08:27

有難う御座います。alert resultsとしましたが何も表示されませんでした。

m.ts10806

2018/05/31 10:24

配列でしたらconsoleの方がいいかもしれません。http://tbpgr.hatenablog.com/entry/20130621/1371826947

pecchan

2018/06/04 02:48

参考URL有難う御座います。consoleでエラー内容が確認出来ました。エラー内容→Uncaught ReferenceError: google is not defined at geo_location.self-e1ccf72571ff5db77b431fff0521cf1c6216148691b5a90a0b091939fb615099.js?body=1:9

anada

2018/06/04 07:27

定義エラーですね。jsの書き順がおかしいとか。私はcoffeescriptはできないのですが、latlng = new (google.maps.LatLng)(35.023186, 135.763792);　というように、座標を固定値にしてもダメなんでしょうか？あと、if (status==google.maps.GeocoderStatus.OK) のあとに、結果の件数を表示してみてはどうでしょう。console.log(results.length);みたいに。