From cf5341eec4bba6b42c45bc01d921300b28ad30f3 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Tue, 1 Feb 2022 18:20:19 -0300
Subject: [PATCH] =?UTF-8?q?usar=20el=20tama=C3=B1o=20del=20svg?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controllers/non_geo_controller.js          | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/app/javascript/controllers/non_geo_controller.js b/app/javascript/controllers/non_geo_controller.js
index f8b86643..1a7775f2 100644
--- a/app/javascript/controllers/non_geo_controller.js
+++ b/app/javascript/controllers/non_geo_controller.js
@@ -55,13 +55,25 @@ export default class extends Controller {
     return [this.lat, this.lng]
   }
 
+  get svgOverlay () {
+    return this.overlayTarget.querySelector('svg');
+  }
+
+  get bounds () {
+    return [
+      [0, 0],
+      [
+        this.svgOverlay.viewBox.baseVal.height,
+        this.svgOverlay.viewBox.baseVal.width,
+      ]
+    ];
+  }
+
   get map () {
     if (!this._map) {
       this._map = L.map(this.mapTarget).setView(this.coords, 13);
 
-      const bounds = [[0,0], [this.mapTarget.clientHeight, this.mapTarget.clientWidth]];
-
-      L.svgOverlay(this.overlayTarget.querySelector('svg'), bounds).addTo(this._map);
+      L.svgOverlay(this.svgOverlay, this.bounds).addTo(this._map);
 
       this._map.fitBounds(bounds);
       this._map.setMaxBounds(bounds);