adjust in the JS to update when map shape changes and update the wire…

… elements
vitormicillo · Sep 19, 2024 · 86bfb3b · 86bfb3b
1 parent 6dbaef4
commit 86bfb3b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/resources/dist/filament-map-picker.js b/resources/dist/filament-map-picker.js
diff --git a/resources/js/index.js b/resources/js/index.js
@@ -138,7 +138,7 @@ document.addEventListener('DOMContentLoaded', () => {
                             style: {
                                 color: config.liveLocation.color || "#FFFFFF",
                                 fillColor: 'blue',
-                                fillOpacity: 0.6,
+                                fillOpacity: 0.5,
                             }
                         });
                         this.map.addLayer(drawItems);
@@ -193,6 +193,11 @@ document.addEventListener('DOMContentLoaded', () => {
 
                 drawItems.on('pm:edit', (e) => {
                     geoJsonBox.value = JSON.stringify(drawItems.toGeoJSON());
+
+                    $wire.set(config.statePath, {
+                        geojson: JSON.stringify(drawItems.toGeoJSON())
+                    }, false)
+
                     $wire.$refresh();
                 });