如何在傳單中移動geojson多邊形？

Question

假設我已將一個geojson框添加到傳單中。我怎樣才能讓用戶「點擊並拖動盒子」到一個新的位置，然後自動更新所有的座標？我知道如何使用小冊子編輯來編輯構成形狀的邊界/點，但不知道如何實際移動形狀。

Answer 1

Leaflet Draw有一個Leaflet.Draw.Drag plugin，允許您在進入編輯模式時移動多邊形。雖然它似乎對版本有點挑剔。至少在幾個快速實驗中，我只能使用Leaflet Draw version 0.2.3才能使用它。如果你有一個現有的L.GeoJson層，你可以簡單地指定爲抽獎控制的編輯選項featureGroup：

var drawControl = new L.Control.Draw({ 
    edit: { 
    featureGroup: yourGeoJsonLayer, 
    edit: { 
     selectedPathOptions: { 
     maintainColor: true, 
     moveMarkers: true 
     } 
    } 
    } 
}); 

在selectedPathOptions，將maintainColor選項只是保持層，同時現有風格您正在編輯，並且moveMarkers選項在多邊形的中間放置了一個小方形標記，提醒您可以拖動整個事物而不是僅編輯頂點。 這裏是一個例子小提琴：

http://fiddle.jshell.net/nathansnider/qk5bsgn8/