Javascript 如何将SVG代码包含到传单.js中？

我有一个自定义的SVG代码，里面有层

到目前为止，它是在一个网页中工作的，我可以使用show/hide jQuery函数进行操作，现在我想与传单集成

我已经阅读了关于传单JS.com的教程和文档。 我看到的所有例子都与集成图像或OpenStreets地图的链接有关

首先，我试着这样做作为一个例子：

  <script>

  // initialize the map
    var map = L.map('map-test').setView([42.35, -71.08], 13);

  // load a tile layer
  L.tileLayer('http://tiles.mapc.org/basemap/{z}/{x}/{y}.png',
    {
      attribution: 'Tiles by <a href="http://mapc.org">MAPC</a>, Data by <a href="http://mass.gov/mgis">MassGIS</a>',
      maxZoom: 17,
      minZoom: 9
    }).addTo(map);

</script>

//初始化映射
var-map=L.map（'map-test'）.setView（[42.35，-71.08]，13）；
//加载瓷砖层
L.tileLayer（'http://tiles.mapc.org/basemap/{z} /{x}/{y}.png'，
{
属性：“平铺依据，数据依据”，
maxZoom:17，
最小缩放：9
}).addTo（地图）；

这工作很好，它显示在地图上，我可以放大和缩小，看到其他对象，但从源代码中我可以看到这是显示像一些逻辑独立的图像

我想将我的自定义SVG代码与里面的所有层集成在一起，这样我就可以用传单拖动、缩放和所有其他好的功能

这个网站正是我想要做的：

从源代码中，您可以看到他们正在

中集成完整的SVG代码

编辑：

---

我已经将map.html文件上传到服务器中，整个SVG代码都在该文件中。如何将其包含在传单中？

如果将svg作为

imageOverlay

加载，它会将其包装在

中，从而使其成为静态的。

---

检查这个PR，这个了不起的家伙发现你可以用

替换

，然后把svg内容放在那里，把它当作大男孩的svg。至少svg的节点属性中的事件处理程序可以工作。

1.5.0版添加了扩展ImageOverlay的SVGOverlay层