打开图像而不是弹出：传单

Question

我正在使用传单api。我可以绘制矩形和多边形。我已经将弹出窗口与每个矩形和多边形绑定。当我单击绘制的形状时，弹出窗口打开（传单功能）.Popup包含一些html（图像）。

当我正在开发一个演示应用程序时，我很想尝试使用fancebox插件。 意思是，当我点击绘制的形状而不是弹出窗口时，我想使用fancybox打开该图像。

我可以使用简单的方法，比如使用其他函数代替.bindpopup。

工作脚本（点击弹出窗口时使用fance框加载图片）

e.layer.bindPopup("<a class='fancybox' rel='group' href=''><img /></a>");

我可以理解必须有一些其他的javascript函数来做到这一点。 如果有办法做到这一点，请告诉我，因为我是传单的新手没有足够的精神力量来理解它但我希望我会....

感谢您的时间：）

Answer 1

我会做e.layer.on('click', function() { //do fancybox init, perhaps like $(body).append("<a class='fancybox' rel='group' href=''><img /></a>")}) 虽然在L.FeatureGroup上绑定该事件而不是一个接一个地保存所有形状，但更具有性能意义。