diff --git a/app/javascript/controllers/non_geo_controller.js b/app/javascript/controllers/non_geo_controller.js
index 072c1b83..f8b86643 100644
--- a/app/javascript/controllers/non_geo_controller.js
+++ b/app/javascript/controllers/non_geo_controller.js
@@ -14,15 +14,15 @@ export default class extends Controller {
   static targets = [ 'lat', 'lng', 'map', 'overlay' ]
 
   async connect () {
+    const res = await fetch(this.element.dataset.map);
+    this.overlayTarget.innerHTML = await res.text();
+
     this.marker()
 
     this.latTarget.addEventListener('change', event => this.marker())
     this.lngTarget.addEventListener('change', event => this.marker())
     window.addEventListener('resize', event => this.map.invalidateSize())
 
-    const res = await fetch(this.element.dataset.map);
-    this.overlayTarget.innerHTML = await res.text();
-
     this.map.on('click', event => {
       this.latTarget.value = event.latlng.lat
       this.lngTarget.value = event.latlng.lng