1
私はちょうどcoffeescriptで始まります。しかし、私はJSON
レスポンスをレールアプリから処理して、Googleマップマーカーを生成する必要があります。どのようにしてJSON
のデータをcoffeescriptに解析しますか?Coffeescript json応答処理
コードは次のようになります。
$.ajax '/locations',
type: 'GET'
dataType: 'json'
error: (jqXHR, textStatus, errorThrown) ->
alert "error"
success: (data, textStatus, jqXHR) ->
buses = data
window.initMap = ->
map = new google.maps.Map(document.getElementById('map'),
center:
lat: 0.324680
lng: 32.572633
zoom: 11
)
if buses?
for i in buses
marker = new google.maps.Marker(position: new google.maps.LatLng(i["latitude"], i["longitude"])
map: map
title: i["number_plate"])
marker.setMap(map)
loadScript = ->
script = document.createElement("script")
script.type = "text/javascript"
script.src = "https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxx&callback=initMap"
document.getElementById('map_scripts').appendChild script
return
loadScript()
JSONレスポンスは、あなたが__ 'locations.number_plate'
使用することができ、この{"locations":[{"number_plate":"UAW796N","terminal_number":2,"latitude":"0.4122","longitude":"33.235","speed":"46.0"}]}
Javascriptを書く場合と同じ方法で、 'JSON.parse'を使用します。 –