Leaflet.Path.Transformを使用してMapboxのポリゴンを回転する

Question

私はリーフレットでMapbox JSを使用しています。私はコーナーまたはそれに類するものをドラッグしてポリゴンを回転させる方法を見つけようとしていましたが、this example（主に回転部分とドラッグ部分）のように、私が必要とするものを正確に実行するLeaflet.Path.Transformが見つかりました。

私は彼らの例を見て、私の特定の状況でそれを使用しようとしました。しかし、私はそれに必要なスクリプトファイルにアクセスする方法を理解できませんでした。彼らの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> 

これは私が意図したとおりに動作します。