寻找传单弹出窗口SVG图形示例(looking for examples of SVG graphi

2019-10-18 03:09发布

我建立与传单和D3的地图。 我带的点作为一个瓣叶层。 我想绑定的弹出窗口,这些点包括在弹出的SVG图形。

有没有人见过这样的例子? 我想既然HTML被允许在弹出,但我想找到工作的例子是可能的。

谢谢,

背风处

Answer 1:

这是绝对有可能。 在弹出式窗口使用HTML,你通常会。 例如,你可以添加一个<div class="popupGraph"/>在您的弹出元素。 然后,只需使用JavaScript,你通常会显示任何你在该元素想要的。

编辑:我会添加一些的例子。 我有一个非常不同的外观/感受一个弹出,所以我所做的就是延长我自己。

myPopup = L.Popup.extend({ ... });

当我初始化弹出,我加一个包装的,我会用JavaScript图形API后膨胀一个div(使用jQuery的Sparklines http://omnipotent.net/jquery.sparkline/ )。

this._graphContainer = L.DomUtil.create('div', 'myGraph', this.container);

然后我就可以像任何其他图形处理这个。

$(this._graphContainer).sparkline({ /*my options here*/ });

这将显示在我的弹出式现场,更新图表。



文章来源: looking for examples of SVG graphics in Leaflet popups