diff --git a/system/lan/english.json b/system/lan/english.json
index 8748413e..da4f7cc9 100644
--- a/system/lan/english.json
+++ b/system/lan/english.json
@@ -953,5 +953,8 @@
     "Last_Name": "Last Name",
     "Not_Working_with_Freeradius_Mysql": "Not Working with Freeradius Mysql",
     "Radius_Rest_Interim_Update": "Radius Rest Interim-Update",
-    "in_minutes__leave_0_to_disable_this_feature_": "in minutes, leave 0 to disable this feature."
+    "in_minutes__leave_0_to_disable_this_feature_": "in minutes, leave 0 to disable this feature.",
+    "Check_if_Router_Online_": "Check if Router Online?",
+    "To_check_whether_the_Router_is_online_or_not__please_visit_the_following_page": "To check whether the Router is online or not, please visit the following page",
+    "Cek_Now": "Cek Now"
 }
\ No newline at end of file
diff --git a/ui/ui/customers-add.tpl b/ui/ui/customers-add.tpl
index daa6004d..76c1269c 100644
--- a/ui/ui/customers-add.tpl
+++ b/ui/ui/customers-add.tpl
@@ -290,10 +290,8 @@
 
         function setupMap(lat, lon) {
             var map = L.map('map').setView([lat, lon], 13);
-            L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
-            attribution:
-                'SIMITA',
-                subdomains: 'abcd',
+            L.tileLayer('https://{s}.google.com/vt/lyrs=m&hl=en&x={x}&y={y}&z={z}&s=Ga', {
+            subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
                 maxZoom: 20
         }).addTo(map);
         var marker = L.marker([lat, lon]).addTo(map);
diff --git a/ui/ui/customers-edit.tpl b/ui/ui/customers-edit.tpl
index 9265d7aa..1393b5be 100644
--- a/ui/ui/customers-edit.tpl
+++ b/ui/ui/customers-edit.tpl
@@ -300,10 +300,8 @@
 
         function setupMap(lat, lon) {
             var map = L.map('map').setView([lat, lon], 13);
-            L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
-            attribution:
-                '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
-                subdomains: 'abcd',
+            L.tileLayer('https://{s}.google.com/vt/lyrs=m&hl=en&x={x}&y={y}&z={z}&s=Ga', {
+            subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
                 maxZoom: 20
         }).addTo(map);
         var marker = L.marker([lat, lon]).addTo(map);
diff --git a/ui/ui/customers-map.tpl b/ui/ui/customers-map.tpl
index f02b83c0..10c71644 100644
--- a/ui/ui/customers-map.tpl
+++ b/ui/ui/customers-map.tpl
@@ -40,10 +40,8 @@
 
             var customers = {/literal}{$customers|json_encode}{literal};
 
-            L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
-            attribution:
-                '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
-                subdomains: 'abcd',
+                L.tileLayer('https://{s}.google.com/vt/lyrs=m&hl=en&x={x}&y={y}&z={z}&s=Ga', {
+            subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
                 maxZoom: 20
             }).addTo(map);
 
diff --git a/ui/ui/customers-view.tpl b/ui/ui/customers-view.tpl
index 57f68376..5995e00c 100644
--- a/ui/ui/customers-view.tpl
+++ b/ui/ui/customers-view.tpl
@@ -283,11 +283,9 @@
         <script>
             function setupMap(lat, lon) {
                 var map = L.map('map').setView([lat, lon], 17);
-                L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
-                attribution:
-                    '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
-                    subdomains: 'abcd',
-                    maxZoom: 20
+                L.tileLayer('https://{s}.google.com/vt/lyrs=m&hl=en&x={x}&y={y}&z={z}&s=Ga', {
+            subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
+                maxZoom: 20
             }).addTo(map);
             var marker = L.marker([lat, lon]).addTo(map);
             }
diff --git a/ui/ui/routers-edit.tpl b/ui/ui/routers-edit.tpl
index 0d0e94c8..b7038c23 100644
--- a/ui/ui/routers-edit.tpl
+++ b/ui/ui/routers-edit.tpl
@@ -114,11 +114,9 @@
 
         function setupMap(lat, lon) {
             var map = L.map('map').setView([lat, lon], 13);
-            L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
-                attribution:
-                    '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
-                    subdomains: 'abcd',
-                    maxZoom: 20
+            L.tileLayer('https://{s}.google.com/vt/lyrs=m&hl=en&x={x}&y={y}&z={z}&s=Ga', {
+            subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
+                maxZoom: 20
             }).addTo(map);
             circle = L.circle([lat, lon], 5, {
             color: 'blue',
diff --git a/ui/ui/routers-maps.tpl b/ui/ui/routers-maps.tpl
index 7e5b1046..0b0a46a0 100644
--- a/ui/ui/routers-maps.tpl
+++ b/ui/ui/routers-maps.tpl
@@ -7,8 +7,7 @@
         <div class="input-group-addon">
             <span class="fa fa-search"></span>
         </div>
-        <input type="text" name="name" class="form-control" value="{$name}"
-            placeholder="{Lang::T('Search')}...">
+        <input type="text" name="name" class="form-control" value="{$name}" placeholder="{Lang::T('Search')}...">
         <div class="input-group-btn">
             <button class="btn btn-success" type="submit">{Lang::T('Search')}</button>
         </div>
@@ -40,41 +39,39 @@
 
             var routers = {/literal}{$d|json_encode}{literal};
 
-            L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png', {
-            attribution:
-                '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
-                subdomains: 'abcd',
+            L.tileLayer('https://{s}.google.com/vt/lyrs=m&hl=en&x={x}&y={y}&z={z}&s=Ga', {
+            subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
                 maxZoom: 20
-            }).addTo(map);
+        }).addTo(map);
 
-            routers.forEach(function(router) {
-                var name = router.name;
-                var info = router.description;
-                var coordinates = router.coordinates;
-                console.log(coordinates.split(","))
-                // Create a popup for the marker
-                var popupContent = "<strong>Name</strong>: " + name + "<br>" +
-                    "<strong>Info</strong>: " + info + "<br>"
-                    "<a href='{/literal}{$_url}{literal}routers/edit/"+ router.id +"'>More Info</a> &bull; " +
-                    "<a href='https://www.google.com/maps/dir//" + coordinates + "' target='maps'>Get Direction</a><br>";
+        routers.forEach(function(router) {
+            var name = router.name;
+            var info = router.description;
+            var coordinates = router.coordinates;
+            console.log(coordinates.split(","))
+            // Create a popup for the marker
+            var popupContent = "<strong>Name</strong>: " + name + "<br>" +
+                "<strong>Info</strong>: " + info + "<br>"
+            "<a href='{/literal}{$_url}{literal}routers/edit/"+ router.id +"'>More Info</a> &bull; " +
+            "<a href='https://www.google.com/maps/dir//" + coordinates + "' target='maps'>Get Direction</a><br>";
 
-                // Add marker to map
-                if(router.enabled == 1){
-                    var circle = L.circle(coordinates.split(","), router.coverage*1, {
-                        color: 'blue',
-                        fillOpacity: 0.1
-                        }).addTo(map);
-                }else{
-                    var circle = L.circle(coordinates.split(","), router.coverage*1, {
-                        color: 'red',
-                        fillOpacity: 0.1
-                        }).addTo(map);
-                }
-                var marker = L.marker(coordinates.split(",")).addTo(group);
-                marker.bindTooltip(name, { permanent: true }).bindPopup(popupContent);
-            });
+            // Add marker to map
+            if (router.enabled == 1) {
+                var circle = L.circle(coordinates.split(","), router.coverage * 1, {
+                    color: 'blue',
+                    fillOpacity: 0.1
+                }).addTo(map);
+            } else {
+                var circle = L.circle(coordinates.split(","), router.coverage * 1, {
+                    color: 'red',
+                    fillOpacity: 0.1
+                }).addTo(map);
+            }
+            var marker = L.marker(coordinates.split(",")).addTo(group);
+            marker.bindTooltip(name, { permanent: true }).bindPopup(popupContent);
+        });
 
-            map.fitBounds(group.getBounds());
+        map.fitBounds(group.getBounds());
         }
         window.onload = function() {
             getLocation();