diff --git a/html/static/js/map-proxied-arcgis-tile.js b/html/static/js/map-proxied-arcgis-tile.js
index f41cc785..4d26f179 100644
--- a/html/static/js/map-proxied-arcgis-tile.js
+++ b/html/static/js/map-proxied-arcgis-tile.js
@@ -106,7 +106,7 @@ class MapProxiedArcgisTile extends HTMLElement {
});
});
for (const on of this._preOns) {
- this._map.on(on.a, on.b);
+ this._map.on(...on);
}
}
@@ -134,11 +134,11 @@ class MapProxiedArcgisTile extends HTMLElement {
jumpTo(args) {
return this._map.jumpTo(args);
}
- on(a, b) {
+ on(...args) {
if (this._map != null) {
- return this._map.on(a, b);
+ return this._map.on(...args);
} else {
- this._preOns.push({ a: a, b: b });
+ this._preOns.push(args);
}
}
once(a, b) {
diff --git a/html/template/sync/review/pool.html b/html/template/sync/review/pool.html
index 738e69fc..fa2d7975 100644
--- a/html/template/sync/review/pool.html
+++ b/html/template/sync/review/pool.html
@@ -137,6 +137,31 @@
popup.remove();
});
});
+ const map_tile = document.querySelector("map-proxied-arcgis-tile");
+ map_tile.on("load", () => {
+ map_tile.addLayer({
+ id: "parcel",
+ minzoom: 14,
+ paint: {
+ "line-color": "#0f0",
+ },
+ source: "tegola",
+ "source-layer": "parcel",
+ type: "line",
+ });
+ map_tile.addLayer({
+ id: "pools",
+ paint: {
+ "circle-color": "#0D6EfD",
+ "circle-radius": 7,
+ "circle-stroke-width": 2,
+ "circle-stroke-color": "#024AB6",
+ },
+ source: "tegola",
+ "source-layer": "feature-pool",
+ type: "circle",
+ });
+ });
});
await this.fetchTasks();
},