fix(sync): fix tilelayer change not synced (#2569)

umap/static/umap/js/modules/rendering/map.js

@@ -269,8 +269,12 @@ export const LeafletMap = BaseMap.extend({
     this.renderUI()
   },
 
-  renderUI: function () {
+  pullProperties() {
     setOptions(this, this._umap.properties)
+  },
+
+  renderUI: function () {
+    this.pullProperties()
     if (this.options.scrollWheelZoom) {
       this.scrollWheelZoom.enable()
       this.dragging.enable()

umap/static/umap/js/modules/sync/updaters.js

@@ -47,6 +47,7 @@ export class MapUpdater extends BaseUpdater {
       this.updateObjectValue(this._umap, key, value)
     }
 
+    this._umap.onPropertiesUpdated([key])
     this._umap.render([key])
   }
 }

umap/static/umap/js/modules/umap.js

@@ -1329,6 +1329,10 @@ export default class Umap extends ServerStored {
     }
   }
 
+  onPropertiesUpdated(fields = []) {
+    this._leafletMap.pullProperties()
+  }
+
   render(fields = []) {
     // Propagate will remove the fields it has already
     // processed

umap/static/umap/js/umap.controls.js

@@ -302,6 +302,10 @@ U.TileLayerChooser = L.Control.extend({
         if (options?.edit) {
           this.map._umap.properties.tilelayer = tilelayer.toJSON()
           this.map._umap.isDirty = true
+          this.map._umap.sync.update(
+            'properties.tilelayer',
+            this.map._umap.properties.tilelayer
+          )
         }
       },
       this