Question

我正在用leaflet.js开发项目。我有javascript文件，必须更新公司的坐标。因此，当我在开发ENV时，rails使用map_update.coffee.erb，一切都运行顺利。一旦我试图制作rake资产：预编译并在生产环境中启动我的本地服务器，地图就会被破坏。它起作用，但与开发ENV完全不同。

我的js文件是预编译的（我可以在public / assets / map中看到它），因为我在production.rb中显式预编译它。但它不好用。

任何想法都会很棒！如果您需要我的一些文件，请问我，我会提供所需的代码，我写的。谢谢！

编辑 production.rb：

Application.configure do

  config.cache_classes = true
  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = true
  config.serve_static_assets = false

  config.assets.compress = true
  config.assets.compile = false
  config.assets.digest = true

  require 'syslog/logger'
  config.logger = Syslog::Logger.new 'abw'
  config.logger.level = 2

  config.assets.precompile += %w( application-ie.css application-ie.js )
  config.assets.precompile += %w( abwp.css.scss abwp.css xgemius.js )
  config.assets.precompile += %w( map/map.js map/map_update.js )

  config.i18n.fallbacks = true

  config.active_support.deprecation = :notify
end

map_update.coffee.erb，它在dev env中工作，在预编译后不在生产中：

#= require map/map.coffee.erb

jQuery $ ->
  coord = $('#coordinates-val').val().replace('[',"").replace(']',"").split(",").map(Number)
  loc = [coord[1], coord[0]]
  map.setCompanyLocation loc
  map.layers.companyLocationMarker.on 'dragend', (e) ->
    $('#coordinates-val').val(e.target._latlng.lng + ", " + e.target._latlng.lat)

  $("#location-detector-update").on 'click', (e) ->
    e.preventDefault()
    address = $("#location-address").val()
    errorElement = $("#location-error")
    if address.length > 0
      $.ajax
        url: 'http://geocode-maps.yandex.ru/1.x/'
        type: 'get'
        data:
          geocode: address
          format: 'json'
          results: 1
         ,success: (data) =>
          if typeof(data) == 'string'
            data = JSON.parse(data)
          if data.response.GeoObjectCollection.featureMember.length > 0
            _location =   data.response.GeoObjectCollection.featureMember[0].GeoObject.Point.pos.split(" ")
            _location[0] = 0 if _location[0] == null
            _location[1] = 0 if _location[1] == null
            location = new L.LatLng(_location[1], _location[0])
            map.setCompanyLocation location
            $('#coordinates-val').val(_location[0] + ", " + _location[1])
            map.layers.companyLocationMarker.on 'dragend', (e) ->
              $('#coordinates-val').val(e.target._latlng.lng + ", " + e.target._latlng.lat)
            errorElement.html ""
          else
            errorElement.html "Не найдено"

“不起作用”意味着，当我在运行dev env时更新坐标的页面上，一切都按照我的预期工作：如果公司有坐标，它会显示它们并给予机会进入地址和帖子另一个coorinates到数据库。如果公司没有坐标，则地图在自定义默认位置初始化。在生产环境中，我只看到标记，没有地图图片。仍然可以输入地址查找坐标并将其发布到数据库，但我没有看到地图本身，因此无法将标记移动到正确的位置。啊，忘了。 Cath观点：

#map
.map-filter
  #location-error
  .input-append.adress-input
    = text_field_tag 'location-address', nil, class: 'input', placeholder: 'Enter your adress'
    = link_to nil, class: 'btn', id: 'location-detector-update' do
      i.icon-search

= javascript_include_tag 'map/map_update'

= render 'form_coordinates'

希望这足以让你开始。

还有一件事。我有另一种观点，只是为了看到公司的地图，我可以做到这一点。所以地图正在初始化。我很伤心，我的map_update.coffee.erb

的预编译问题

Answer 1

所以，最后，我发现了问题。

我需要在我的update_map.js map.js中，它有自己的window.map实例化。它不适合这种改变标记的情况。我重写了我的update_map.js，现在它正在使用它自己的window.map实例。这是我的update_map.js：

ACTIVEOBJECTICON = L.icon
  iconUrl: '<%= image_path("green-marker.png") %>',
  iconSize: [25, 41],
  iconAnchor: [13, 41]
  draggable: true

class EditMap extends L.Map
  constructor: (id, params) ->
    super id, params
    @layers =
      companyLocationMarker: new L.LayerGroup()
      activeObjectMarker: new L.LayerGroup()
    @activeObjectIcon = ACTIVEOBJECTICON
    @putInit()

  putInit: =>
    if coord == "[0]" || coord == ""
      alert("You didn't setup adress.")
    else
      latLng = coord.replace('[',"").replace(']',"").split(",").map(Number)
      val1 = latLng[1]
      val0 = latLng[0]
      location = new L.LatLng(val1, val0)
      @layers.activeObjectMarker = new L.Marker(location, { icon: @activeObjectIcon} )
      @addLayer(@layers.activeObjectMarker)
      @layers.activeObjectMarker.dragging.enable()
      @setView(location, 15)
    @panTo location

  setCompanyLocation: (location) =>
    @currentLocation = location
    map.renderCompanyLocation()

  renderCompanyLocation: =>
    locationIcon = ACTIVEOBJECTICON
    @removeLayer(@layers.activeObjectMarker)
    @removeLayer(@layers.companyLocationMarker)
    @layers.companyLocationMarker = new L.Marker(@currentLocation, { icon: locationIcon })
    @addLayer(@layers.companyLocationMarker)
    @layers.companyLocationMarker.dragging.enable()
    @setView(@currentLocation, 15)


jQuery $ ->
  osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
  osmTiles = new L.TileLayer osmUrl,
    maxZoom: 18
  window.map = new EditMap 'map',
    attributionControl: false,
    zoom: 12,
    doubleClickZoom: false
    center: new L.LatLng(53.9060, 27.5549)
  map.addLayer osmTiles

  $("#location-detector-update").on 'click', (e) ->
    e.preventDefault()
    address = $("#location-address").val()
    errorElement = $("#location-error")
    if address.length > 0
      $.ajax
        url: 'http://geocode-maps.yandex.ru/1.x/'
        type: 'get'
        data:
          geocode: address
          format: 'json'
          results: 1
        ,success: (data) =>
          if typeof(data) == 'string'
            data = JSON.parse(data)
          if data.response.GeoObjectCollection.featureMember.length > 0
            _location = data.response.GeoObjectCollection.featureMember[0].GeoObject.Point.pos.split(" ")
            _location[0] = 0 if _location[0] == null
            _location[1] = 0 if _location[1] == null
            location = new L.LatLng(_location[1], _location[0])
            map.setCompanyLocation location
            $('#coordinates-val').val(_location[0] + ", " + _location[1])
            map.layers.companyLocationMarker.on 'dragend', (e) ->
              $('#coordinates-val').val(e.target._latlng.lng + ", " + e.target._latlng.lat)
            errorElement.html ""
          else
            errorElement.html "Unable to find"

production.rb是一样的。

预编译文件不能正常工作

1 个答案: