首页 / JAVASCRIPT / javascript – 如何在OpenLayers上单击标记

javascript – 如何在OpenLayers上单击标记

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在OpenLayers上单击标记，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含993字，纯文字阅读大概需要2分钟。

内容图文

我只是使用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>标签.

内容总结

以上是互联网集市为您收集整理的javascript – 如何在OpenLayers上单击标记全部内容，希望文章能够帮你解决javascript – 如何在OpenLayers上单击标记所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/815092.html

来源：【匿名】