如何将svg作为Leaflet.js

Question

最近，我正在使用Leaflet.js做一个气泡图。但是当我想制作不同的图层以显示不同颜色的气泡时，它会变得很痛苦。我想出了两个解决方案，但没有一个能完全解决我的问题。

解决方案1：问题：我不知道如何将svg分配给如下的层：

var tiles = new L.LayerGroup();    tiles.addTo(Alltiles);

我也对这段代码感到困惑：

map._initPathRoot() 

以下是代码链接：http://bl.ocks.org/d3noob/9267535

解决方案2：我可以根据此代码绘制不同的图层，但问题是：Zoomed d3.js圆圈固定在传单地图上的地理位置，但是大小不变。

以下是代码链接：http://bl.ocks.org/xEviL/4921fff1d70f5601d159

我想知道有人会有一些我可以使用的参考资料吗？谢谢。