###前提・実現したいこと
@shop.latitude
と@shop.longitude
には緯度、経度の情報は入っている状態。
この二つをの情報を使用して、mapに表示させたい。
###発生している問題・エラーメッセージ
@shop.latitudeと@shop.longitudeを数値情報に変換したいんですけど、変換方法がわかりません。。
###該当のソースコード
_map.html.slim
#map
maps.scss
#map { height: 500px; width: 100%; }
maps.js.coffee
coffeescript
1window.initMap = -> 2 mapLatLng = new (google.maps.LatLng)( 3 lat: 43.0816 4 lng: 141.347) 5 map = new (google.maps.Map)(document.getElementById('map'), 6 center: mapLatLng 7 zoom: 19)
これだとちゃんと地図が表示される。
しかし
maps.js.coffee
coffeescript
1window.initMap = -> 2 mapLatLng = new (google.maps.LatLng)( 3 lat: ("@shop.latitude") 4 lng: ("@shop.longitude")) 5 map = new (google.maps.Map)(document.getElementById('map'), 6 center: mapLatLng 7 zoom: 19)
これだと、地図情報が表示されません。
lat: ("@shop.latitude") lng: ("@shop.longitude")
エラーメッセージ
InvalidValueError: in property lat: not a number
latとlngへの値の与え方がいけないのだと思うのですが、どなたか教えてください。宜しくお願いします。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
地図の表示の仕方は参考ドキュメントを見て理解できたのですが、javascriptの勉強不足で、数値の与え方に詰まっている状態です。。