Leaflet.Draw矩形的自定义波浪路径

Question

如何将自定义路径样式应用于Leaflet.draw中的矩形？我一直在玩CSS，可以设计它，但除了使用stroke-width，stroke-dasharray等我什么也做不了。我们正在制作一个地图，允许人们为照片添加标签并且想要实现一张“照片框架“类似这样的感觉。可能吗？

Answer 1

我将例如这样做的：

1. 一旦用户绘制一个矩形，检索矩形的尺寸。寻找"draw:created" event。
2. 根据这些尺寸生成自定义SVG框架的代码。
3. 将SVG插入地图（可能替换Leaflet.draw矩形），类似于图像叠加。

对于最后一步，您可能需要稍微修改L.imageOverlay代码，以便它添加SVG容器而不是图像，但这样做不应该有任何困难。

你可能感兴趣的：

• Is it possible to stretch a imageOverlay in leaflet?（但看起来像它使用的文件的SVG，不是动态生成）
• How can I make a custom SVG overlay on Leaflet without using D3?（无答案）

如果您的自定义SVG框架不需要动态生成（即，您可以将其导出为独立文件，并根据其显示的大小自动调整其“波形”），那么标准的图像覆盖甚至可以足够。