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

Your （Java|Coffee）脚本资产将在控制器运行之前被处理并发送到浏览器。这意味着@location不会来自你的控制器，而是来自你的.js.coffee.erb转换为 JavaScript 时碰巧发生的任何self。部署到生产环境时，资产将（或至少应该）在任何内容进入生产系统之前进行编译，因此@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 来处理应用程序运行时会更改的任何内容。