如何在OpenLayers上单击标记

Question

我只是用openlayer制作地图

我在OpenLayers用自己的自制地图

但是让我感到困惑的是，我无法将jQuery与OpenLayers集成在一起，在这里我创建了一个简单的jQuery show / hide ()函数。

我试图单击已制作的OpenLayers映射中的一个标记，该标记在div#map OpenLayers内具有ID #OL_Icon_43并且尝试在<head>标记中使用jquery来执行函数hide()来隐藏标记外部标签#map ，但这对我不起作用

你能帮我吗？

这是我制作jQuery代码的视图：

$(document).ready(function(){
   $("#OL_Icon_43").click(function() {
     $("footer").hide();
   });
});

Answer 1

当您尝试绑定click事件时，jQuery有可能找不到元素#OL_Icon_43 。 您最好在#map上委派click事件。

$('#map').delegate('#OL_Icon_43', 'click', function() {
  $('#footer').hide();
});

编辑：看起来OpenLayers允许您将事件直接绑定到标记。

var marker = new OpenLayers.Marker(lonlat);
marker.id = "1";
marker.events.register("click", marker, function() {
  $('footer').hide();
});

您只需要确保jQuery已在OpenLayers之前加载，就可以隐藏页脚。 建议您将</body>标记之前的javascript标记移至页面底部。