使用Leaflet.Path.Transform在Mapbox中旋轉多邊形

Question

我正在使用Mapbox 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> 

現在它按照我的意圖工作。