Leaflet.Draw сохранение данных с GeoJson - PullRequest
Новая
       34

Leaflet.Draw сохранение данных с GeoJson

0 голосов
/ 27 сентября 2019 
map.addControl(new L.Control.Draw({
        draw: {
            polygon: false,
            polyline: false,
            rectangle: false,
            circle: false

         },
        edit: {featureGroup: drawnItems}

    }));

    map.on('draw:created', function(e) {
        var type = e.layerType;
        var layer = e.layer;
        var idIW = L.popup();
        var content = '<span><b>Title</b></span><br/><input id="salrepnu" type="text"/><br/><br/><span><b>Report<b/></span><br/><textarea id="salrep" cols="25" rows="5"></textarea><br/><br/><input type="button" id="okBtn" value="Save" onclick="saveIdIW()"/>';
        idIW.setContent(content);
        idIW.setLatLng(layer.getLatLng());
        idIW.openOn(map);
        drawnItems.addLayer(layer)
    });

    function saveIdIW() {
        var sName = $('#salrepnu').val();
        var salRep = $('#salrep').val();
        var drawings = drawnItems.getLayers(); //drawnItems is a container for the drawn objects
        drawings[drawings.length - 1].title = sName;
        drawings[drawings.length - 1].content = salRep;
        map.closePopup();
    };

        //Export
    document.getElementById('export').onclick = function(e) {
        // Extract GeoJson from featureGroup
        var data = drawnItems.toGeoJSON();
        // Stringify the GeoJson
        var convertedData = 'text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(data));
        // Create export
        document.getElementById('export').setAttribute('href', 'data:' + convertedData);
        document.getElementById('export').setAttribute('download', 'drawnItems.geojson');
    }

Я добавил leaflet.draw.js и leaflet.draw.css, и я могу настроить карту из внешнего файла geoJson;но я не могу понять, как сохранить входной html-файл в элемент geoJson, так как функция featureGroup drawnItems будет экспортировать объекты long и lat, но не объекты html.

Я хочу добавить маркеры группы объектовв файл geoJson, который будет отображаться на карте в реальном времени.Мы ценим любую помощьЕсть всплывающее окно, которое задает вопрос, но, по крайней мере, вопрос появляется на маркере уже после того, как он установлен.

...