如何将外部svg文件(由D3.js)添加到Leaflet映射

Fan*_*dee 5 javascript svg d3.js leaflet

我有关于Leaflet.js地图和D3.js外部svg文件的问题.我想知道如何添加外部svg文件(现在我使用D3.js)到Leaflet地图.

我找到了很多教程,但他们使用.json:http://bost.ocks.org/mike/leaflet/

我尝试了所有东西(据我所知)将外部svg图像移动到Leaflet地图上的覆盖层,但我不能这样做.

请帮我 : Here is my jsfiddle

感谢大家的阅读和回答.:)

小智 1

user3667118 的答案是正确的,它只是将 SVG 图像覆盖在传单层的顶部。

然而,一旦放大和缩小,您将看到传单图层重新调整大小,但叠加的图像保持相同的大小。

您首先需要确保初始叠加层的位置和大小正确,然后每次调整传单层大小时都能够按比例调整自身大小。