var postGisGeoJSON;
var selectedshape;
var editlayer;
var editmarker;
var drawnstuff = L.featureGroup();
var layer;
var shapesyntax;
var type;
var drawlayer;
var editon = 0;
var togglebtn = 0;
var shapename;
var shapetype;
var shapedescription;
var geometrytype;
var marker;
var markerimg; // temporary marker for coordinate capture
var capture = false; // var to store whether control is active or not
var coordcapture = false;
var headingtext;
var objectName = '';
var lastclicked;
var position;
var geoJsonArray = [];
var polygonbtn = L.easyButton(
'topright',
'fa-pencil-square-o',
function () {
shapetype = "shape";
helptext = translate['map_info_shape'];
headingtext = 'Shape';
drawpolygon();
},
translate['map_info_shape']
);
var areabutton = L.easyButton(
'topright',
'fa-circle-o-notch',
function () {
shapetype = "area";
helptext = translate['map_info_area'];
headingtext = 'Area';
drawpolygon();
},
translate['map_info_area']
);
var pointbutton = L.easyButton(
'topright',
'fa-map-marker',
function () {
helptext = translate['map_info_point'];
headingtext = 'Point';
shapetype = "centerpoint";
capture = true;
coordcapture = true;
drawmarker();
},
translate['map_info_point']
);
var datainput = L.control();
datainput.onAdd = function (map) {
var div = L.DomUtil.create('div', 'shapeinput');
div.innerHTML += "\
";
return div;
document.getElementById("headingtext").innerHTML = headingtext;
};
var mylayer;
var myoldlayer;
var editIcon = L.icon({iconUrl: "/js/leaflet/images/marker-icon_edit.png", iconAnchor: [12, 41], popupAnchor: [0, -34]});
var editedIcon = L.icon({iconUrl: "/js/leaflet/images/marker-icon_edited.png", iconAnchor: [12, 41], popupAnchor: [0, -34]});
var newIcon = L.icon({iconUrl: "/js/leaflet/images/marker-icon_new.png", iconAnchor: [12, 41], popupAnchor: [0, -34]});
function editshape() {
togglebtns();
if (editon === 0) {
map.addControl(datainput);
document.getElementById("p1").innerHTML = helptext;
document.getElementById("headingtext").innerHTML = headingtext;
document.getElementById("shapecoords").value = 'empty';
document.getElementById('savebtn').style.display = 'none';
document.getElementById('resetbtn').style.display = 'none';
document.getElementById('closebtn').style.display = 'none';
document.getElementById('editclosebtn').style.display = 'block';
document.getElementById('editsavebtn').style.display = 'block';
document.getElementById('markersavebtn').style.display = 'none';
document.getElementById('shapename').value = shapename;
document.getElementById('shapetype').value = shapetype;
document.getElementById('shapedescription').value = shapedescription;
$("#shapeform").on("input", function () {
document.getElementById('editsavebtn').disabled = false;
});
map.closePopup();
editon = 1;
if (geometrytype === 'Polygon') {
mylayer = L.polygon(editlayer.getLatLngs()).addTo(map);
mylayer.bindPopup(
'