The draw toolbar in Geolocation child table

ERPNext
, , , ,
1

The draw toolbar of Geolocation is not displaying in childtable, and I’m unable to select the location correctly in the Geolocation field within the child table. how can i add it

Capture d’écran du 2024-03-05 21-07-59
Capture d’écran du 2024-03-05 21-07-59854×553 94.1 KB

i do ike this in form but not work

contratsTable.grid.grid_rows.forEach(function(row) {
        // Access the map field 'map_data' in each row
        var mapField = row.map_data;
        if (mapField && mapField.map) {
            let map = mapField.map;
            // Add Leaflet.draw plugin to the map
            var drawnItems = new L.FeatureGroup();
            map.addLayer(drawnItems);
            var drawControl = new L.Control.Draw({
                edit: {
                    featureGroup: drawnItems
                },
                draw: {
                    polygon: true,
                    polyline: false,
                    rectangle: false,
                    circle: false,
                    circlemarker: false
                }
            });
            map.addControl(drawControl);

            // Event handler for when a polygon is created
            map.on('draw:created', function(event) {
                var layer = event.layer;
                drawnItems.addLayer(layer);
            });
        }
    });

the first time that i work with geolocation any help,

1 Like
2

any help please

1 Like
3

I found the solution

form_render: function(frm, cdt, cdn) {    
        let childTableData = frm.get_field('child_table_field_name').grid.grid_rows;
        childTableData.forEach(childRow => {
            let map = childRow.get_field('map_data').map;
            // Ensure map is not undefined
            if (map) {
                // Add Leaflet.draw plugin to the map
                var drawnItems = new L.FeatureGroup();
                map.addLayer(drawnItems);
                var drawControl = new L.Control.Draw({
                    edit: {
                        featureGroup: drawnItems
                    },
                    draw: {
                        polygon: true,
                        polyline: false,
                        rectangle: false,
                        circle: false,
                        circlemarker: false
                    }
                });
                map.addControl(drawControl);
                // Event handler for when a polygon is created
                map.on('draw:created', function(event) {
                    var layer = event.layer;
                    drawnItems.addLayer(layer);
                });
            }
        });
   }
4 Likes