js.coffee.erb - 同步问题？

Question

我正在尝试将数据库中的纬度和经度值插入到我的谷歌地图咖啡脚本中。

jQuery ->
  initialize()

initialize = ->
  myOptions =
    center: new google.maps.LatLng(<%= @location.latitude %>, <%= @location.longitude %>)
    zoom: 12
    mapTypeControlOptions: {mapTypeIds: ["OSM", "OCM", "MQ", google.maps.MapTypeId.HYBRID]}
  map = new google.maps.Map $('#map_canvas')[0], myOptions

[...]

我收到以下错误消息：

 undefined method `latitude' for nil:NilClass
   (in /Users/sg/rails-projects/geo_rails_test/app/assets/javascripts/gmap.js.coffee.erb)

建议我的位置对象

@location = Location.find(params[:id])

在解析 js.coffee.erb 文件时还没有被实例化。 (??)

我已经用硬编码值测试了咖啡脚本，@location.latitude 在我看来非常有效。 有什么想法吗？

Answer 1

您的 (Java|Coffee)Script 资产将在您的控制器运行之前被处理并发送到浏览器。这意味着@location 不会来自您的控制器，它将来自self 在您的.js.coffee.erb 转换为JavaScript 时发生的任何事情。在部署到生产环境时，资产将（或至少应该）在任何东西到达您的生产系统之前进行编译，因此@location 没有任何有用的希望。

您应该在控制器的 ERB 而不是资产中构建数据：

<!-- Somewhere in the appropriate app/views/... file... -->
<script type="text/javascript">
    window.global_location = { lat: <%= @location.latitude %>, lng: <%= @location.longitude %> }; 
</script>

然后你的资产就可以通过this_location全局获取数据了：

center: new google.maps.LatLng(global_loc.lat, global_loc.lng)

或者您可以尝试通过 AJAX 调用加载位置。

仅为每个应用程序的常量和配置值在您的资产中使用 ERB，不要尝试在您的资产中将 ERB 用于在您的应用程序运行时会发生变化的任何内容。