From f1dd0c5f713b76f086ad62e27cea98c5bd9ba125 Mon Sep 17 00:00:00 2001
From: Jan-Tarek Butt <tarek@ring0.de>
Date: Fri, 27 Jul 2018 21:38:55 +0200
Subject: [PATCH] gluon-config-mode-geo-location-with-map: load map asyncron to
 don't block the formular

---
 .../src/0400-geo-location.lua.in               | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/package/gluon-config-mode-geo-location/src/0400-geo-location.lua.in b/package/gluon-config-mode-geo-location/src/0400-geo-location.lua.in
index b5b985a9..66bcd482 100644
--- a/package/gluon-config-mode-geo-location/src/0400-geo-location.lua.in
+++ b/package/gluon-config-mode-geo-location/src/0400-geo-location.lua.in
@@ -67,18 +67,22 @@ return function(form, uci)
 		<script type="text/javascript" src="/static/osm.js"></script>
 		<script type="text/javascript">
 			var latitude=]] .. show_lon() .. ",longitude=" .. show_lat() .. ",zoom=" .. site_zoom() .. [[;
-			function loadedContent() {
-				document.addEventListener("DOMContentLoaded", showMap, false);
+			var openLayerSrc = document.createElement("script");
+			openLayerSrc.type = 'text/javascript';
+			openLayerSrc.src = "]] .. show_olurl() .. [[?noCache=]] .. os.time() .. [[";
+			openLayerSrc.onload = openLayerSrc.onreadystatechange = function () {
+				window.addEventListener("load", showMap, false);
+				var lpm=document.getElementById("locationPickerMap");
 				setInterval(function() {
 					if(false !== findObj("longitude")) {
-						document.getElementById("locationPickerMap").style.display="block";
+						lpm.style.display="block";
 					}else{
-						document.getElementById("locationPickerMap").style.display="none";
+						lpm.style.display="none";
 					}
-				}, 10);
-			}
+				}, 100);
+			};
+			document.head.appendChild(openLayerSrc);
 		</script>
-		<script onload="loadedContent();" type="text/javascript" src="]] .. show_olurl() .. [[?noCache=]] .. os.time() .. [["></script>
 		<div>
 	]]