0

我不明白为什么这不适用于 Coffeescript。我试图简化这个例子： http: //openlayers.org/dev/examples/click-handler.html

在视图中，我有一个带有 ID 映射的 div 并调用 initMap()。

我得到的错误是：

 TypeError: a.draw is not a function

在 openlayers lib 中间

我在 .js.coffeescript 文件中得到以下代码：

@MarkOnce = OpenLayers.Class OpenLayers.Control,
defaultHandlerOptions:
  'single': true
  'double': false
  'pixelTolerance': 0
  'stopSingle': false
  'stopDouble': false

initialize: ->
  this.handlerOptions = OpenLayers.Util.extend({}, this.defaultHandlerOptions)
  OpenLayers.Control.prototype.initialize.apply(this, arguments)
  this.handler = new OpenLayers.Handler.Click(this, {'click': this.mark},     this.handlerOptions)

mark: (evt) ->
  console.log 'mark'
  alert('pan')


 default_marker = (lonlat) ->
   size = new OpenLayers.Size(21,25)
   offset = new OpenLayers.Pixel(-(size.w/2), -size.h)
   icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png',size,offset)
   marker = new OpenLayers.Marker(lonlat,icon)
return marker

  @initMap = (lon,lat,marker) ->
    @map = load_map(lon,lat)
    render_marker(@map,lon,lat) if marker
    set_projection(@map,lon,lat)
    set_callbacks(@map)

 load_map = (lon,lat) ->
   map = new OpenLayers.Map 'map'
   layer = new OpenLayers.Layer.OSM()
   map.addLayer(layer)
   map

 set_projection = (map, lon, lat) ->
   projection = new OpenLayers.Projection("EPSG:4326")
   point = new OpenLayers.LonLat(lon,lat)
   console.log(point)
   center = point.transform(projection, map.getProjectionObject())
   map.setCenter(point, 5)

 render_marker = (map,lon,lat) ->
   layer_once = new OpenLayers.Layer.Markers("mark_once")
   map.addLayer(layer_once)

   lonlat = new OpenLayers.LonLat(lon,lat)
   layer_once.addMarker(@default_marker(lonlat))
   @numMarkers++

 set_callbacks = (map) ->
   click = new MarkOnce()
   map.addControl(click)
   click.activate()

编辑：看来，如果您更改 this.defaultHandlerOptions 为 {draw: -> alert 'pan'} 它可以工作。现在的问题是：在这个范围内发生了什么？这是什么”？

EDIT2：这个abordage的一个可能问题是，每当我缩小或缩小地图时，标记都会放置在地图的中心。如何避免这种情况发生？

EDIT3：如果您到了这一点，请炸毁您正在做的任何事情并使用传单。

4

1 回答 1

2

我在使用 OpenLayers.Class 从 OpenLayers.Control 和 OpenLayers.Handle.Click 创建点击处理程序时遇到了同样的问题，就像您尝试过的一样 - 但似乎不需要。

请参阅我在这里有 OpenLayers / jQuery 冲突吗？ 关于如何在地图构造函数的 options 参数中很容易地建立一个事件监听器。这对我来说很好。

于 2013-10-31T00:30:20.730 回答