标签：jquery javascript openlayers

我只是使用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();
   });
});

解决方法:

当您尝试绑定click事件时,jQuery可能无法找到元素#OL_Icon_43.相反,你最好在delegating a click event上关闭delegating a click event.

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

编辑：看起来OpenLayers允许您将事件直接绑定到markers.

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

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

标签：jquery,javascript,openlayers
来源： https://codeday.me/bug/20190530/1182429.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。