Question

我正在使用Maplet JS和Leaflet。我一直试图找到一种通过拖动角落或类似物来旋转多边形的方法，我发现Leaflet.Path.Transform完全符合我的要求，例如this example（主要是旋转和拖动部分）

我看了他们的例子，并试图将它用于我的特殊情况。但我无法弄清楚如何访问所需的脚本文件。他们的GitHub页面告诉我包含dist / L.Path.Transform.js文件。所以我转到这个页面并复制代码并将其粘贴在Plunker的script.js文件中，并在代码中链接到它。 This is到目前为止我在Plunker中所拥有的。

现在，我只是想添加一个新的多边形并尝试旋转/拖动它。

var polygon = new L.Polygon([
    [51.509, -0.08],
    [51.503, -0.06],
    [51.51, -0.047]
], {
    color: '#f00',
    transform: true
  }).addTo(map);
//polygon.transform.enable({rotation: true, scaling: false});

但它给了我一些JavaScript错误。我在这做错了什么？或者，如果我可以参考其他一些简单的演示，那也会很棒。

Answer 1

感谢开发Leaflet.Path.Transform（w8r）的人的帮助，我想知道我需要什么。如果有人需要，此链接中有sample demo。可以旋转/拖动给定的多边形。在最初的问题中，问题是我无法弄清楚如何链接到所需的脚本。但这是我先错过的：

<script src='https://unpkg.com/leaflet-draw-drag@0.1.7/dist/Leaflet.draw.drag.js'></script>
<script src="https://unpkg.com/leaflet-path-transform@0.0.6/dist/L.Path.Transform.js"></script>

现在它按照我的意图运作。

使用Leaflet.Path.Transform在Mapbox中旋转多边形

1 个答案: