1

Railsアプリケーションにこのコードがあります。このコードでは、ポリラインの面積を計算し、ポリラインの合計を計算してグローバル変数に保存し、最終的にそれを表示したいと考えています。しかし、私のグローバル (s_area) 変数はデータを保存しません。これどうやってするの？

window.s_area = 0

jQuery ->
  $('#track_color').minicolors()


gm_init = ->
  gm_center = new google.maps.LatLng()#remove center lat lng

  gm_map_type = google.maps.MapTypeId.HYBRID
  map_options = {
    zoom: 8,
    center: gm_center,
    mapTypeId: google.maps.MapTypeId.HYBRID
  }
  new google.maps.Map(@map_canvas,map_options);



load_track = (id,map, info, point_data, name_data, ayear) ->
  callback = (data) -> display_on_map(data,map, id, info, point_data, name_data, ayear)
  $.get '/tracksegments/'+id+'.json', {}, callback, 'json'


display_on_map = (data,map, id, info, point_data, name_data, ayear) ->
  decoded_path = google.maps.geometry.encoding.decodePath(data.polyline)
  if ayear == '1'
    color = '#00FA15'
  else if ayear == '2'
    color = '#FA0400'
  else if ayear == '3'
    color = '#0532FA'
  #alert color
  path_options = { path: decoded_path, strokeColor: color , strokeOpacity: 0.5, strokeWeight: 4}
  track_path = new google.maps.Polyline(path_options)
  gm_path = track_path.getPath()
  area = google.maps.geometry.spherical.computeArea(gm_path)
  area = Math.round(area, 2)
  $("#area-val" + id).append(area)
  $("#show-area-val" + id).append(area + ' متر مربع')
  window.s_area = window.s_area + area

  if state != 2
    myCenter=new google.maps.LatLng(point_data[0][0], point_data[0][1])
  else
    myCenter=new google.maps.LatLng(point_data[0], point_data[1])
  marker=new google.maps.Marker({position:myCenter, map:map});
  track_path.setMap(map)
  infowindow = new google.maps.InfoWindow({content:'' + '<strong>' + 'شناسه: ' + '</strong>' + '<a href="/tracksegments/'+ '' + id + '' +'/edit">' +''+ info + '' +'</a>' + '<br/>' + '<strong>' + 'نام زمین: ' + '</strong>' + name_data + '' + '<br/>' + '<strong>' + 'مساحت به متر مربع: ' + '</strong>' + area + ''})
  #infowindow.open(map,marker) 
  google.maps.event.addListener(marker, 'click', -> (infowindow.open(map,marker)))
  map.fitBounds(calc_bounds(track_path));

calc_bounds = (track_path) ->
  b = new google.maps.LatLngBounds()
  gm_path = track_path.getPath()
  path_length = gm_path.getLength()
  i = [0,(path_length/3).toFixed(0),(path_length/3).toFixed(0)*2]
  b.extend(gm_path.getAt(i[0]))
  b.extend(gm_path.getAt(i[1]))
  b.extend(gm_path.getAt(i[2]))


#$ ->
 # map = gm_init()
  #load_track(js_track_id2,map)

$ -> 

    if state == 2
      map = gm_init()
      load_track(js_track_id2,map,info_data, point_data, name_single, ayear_single)
    else
      map = gm_init()
      ages = {}
      ages = js_track_id
      #for l,v of ages
       # load_track(v,map,v)
      for i of ages
        load_track(js_track_id[i],map,info_data[i], point_data[i], name_data[i], ayear_data[i])

$ ->      
  $('#total').append('Sum of Area: '+s_area)
4

2 に答える 2

0

したがって、次のようwindow.s_areaに計算されdisplay_on_mapます。

display_on_map = (data,map, id, info, point_data, name_data, ayear) ->
  #...
  window.s_area = window.s_area + area

display_on_mapAJAX 呼び出しの成功コールバックで呼び出されます。

load_track = (id,map, info, point_data, name_data, ayear) ->
  callback = (data) -> display_on_map(data,map, id, info, point_data, name_data, ayear)
  $.get '/tracksegments/'+id+'.json', {}, callback, 'json'

s_areaそして、ドキュメント対応ハンドラーで使用しています：

$ ->      
  $('#total').append('Sum of Area: '+s_area)

$.getドキュメント対応ハンドラーがトリガーされる前に AJAX 呼び出しが完了する可能性は低いためs_area、表示しようとしてもまだゼロです。

display_on_mapで計算すると、次のように合計を更新できます。

window.s_area = window.s_area + area
$('#total').html("Sum of Area: #{window.s_area}")

これにより、少なくとも物事が正しい順序で行われるはずです。

PS:

  • window.s_area += areaまたは単に言うことができますs_area += area。
  • 文字列補間を使用できます:$.get "/tracksegments/#{id}.json", ...および"Sum of Area: #{s_area}".
于 2013-07-18T17:26:37.257 に答える
0

これ

$('#total').append('Sum of Area: '+s_area)

これである必要があります：

$('#total').append('Sum of Area: '+window.s_area)

coffeescriptがそのスコープをどのように行うかを読んで、それを説明します。

于 2013-07-18T16:39:47.030 に答える