javascript - 如何在 OpenLayers 上单击标记

我只是用openlayer做了一张 map

我在 OpenLayers 中用我们自己自制的制作了一张 map

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

我试图点击我制作的 OpenLayers map 中的一个标记，其 ID #OL_Icon_43里面div#map OpenLayers 和我尝试执行函数 hide()在 <head> 中使用 jquery将标签隐藏在标签外的标签 #map , 但这对我不起作用

你能帮帮我吗？

这是我制作 jquery 代码的 View :

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

最佳答案

jQuery 有可能找不到元素 #OL_Icon_43当您尝试绑定(bind)点击事件时。你会过得更好delegating a click event在 #map 上相反。

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

编辑:看起来 OpenLayers 允许您将事件直接绑定(bind)到您的 markers .

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

您只需确保 jQuery 在 OpenLayers 之前加载，这样您就可以隐藏页脚。我建议在结束前将您的 javascript 标签移动到页面底部 </body>标签。

关于javascript - 如何在 OpenLayers 上单击标记，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11525679/