3

这是我的控制器 js.coffee 文件中的咖啡脚本代码。我只是想打开一个以特定位置为中心的简单地图等。我的地图工作并moveend_event触发回调,因为如果我取消注释alert("hello")调用它工作正常。

$(document).ready ->

  map = undefined
  options =
    projection: new OpenLayers.Projection('EPSG:900913')
    displayProjection: new OpenLayers.Projection("EPSG:4326")
    center: new OpenLayers.LonLat(-115.540123, 54.073189)
    controls: [new OpenLayers.Control.Navigation(), new OpenLayers.Control.PanZoomBar(), new OpenLayers.Control.LayerSwitcher()]
    eventListeners:
      'moveend': moveend_event
  map = new OpenLayers.Map("map_element", options)
  osm = new OpenLayers.Layer.OSM('OpenStreetMap Layer')
  map.addLayer osm
  map_center = new OpenLayers.LonLat(-115.540123, 54.073189).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject())
  map.setCenter(map_center, 11)

moveend_event = ->
  #alert "Hello!"
  #$(".map_location").innerHTML "Hello!"

我很接近,但我不能认为我可能有 Openlayers / jQuery 冲突。如果我尝试使用$(".map_location").innerHTML "Hello!"页面创建者设置我的 map_location div 并且错误控制台显示:

TypeError: 'undefined' 不是函数(评估 '$(".map_location").innerHTML("Hello!")')

如果有帮助,我会在打开图层之前加载 jquery。我做了一些谷歌搜索,它可能是 jQuery noConflict 模式(http://api.jquery.com/jQuery.noConflict/),但我是一个 javascript 新手,我不知道这里的问题或如何解决它。我确信这很容易解决,但我目前不知道。

4

1 回答 1

4

innerHtml不是 jQuery 函数,请使用$('selector').html(new html here); 反而。

html是 javascript 的 jQuery 对应物innerHtml

于 2012-09-07T05:50:39.573 回答