diff --git a/web/plates/gps.html b/web/plates/gps.html
index e649480a..6e1dbcb5 100644
--- a/web/plates/gps.html
+++ b/web/plates/gps.html
@@ -6,8 +6,8 @@
 				<div class="row">
 					<span class="col-xs-12">
 						<div class="map-container">
-							<div id="map_display" class="world-map" ng-attr-style="background-position:{{map_pos_x + 'px ' + map_pos_y + 'px'}}; width:{{map_width}}px; height:{{map_height}}px;">
-								<div class="mark-position" ng-style="{left: map_mark_x+'px', top: map_mark_y+'px'}">
+							<div id="map_display" class="world-map" ng-attr-style="background-position:{{map_pos_x + 'px ' + map_pos_y + 'px'}}; width:{{map_width}}px; height:{{map_height}}px; opacity:{{map_opacity}};">
+								<div class="mark-position" ng-style="{left: map_mark_x+'px', top: map_mark_y+'px', opacity: map_mark_opacity}">
 									<span class="fa fa-crosshairs"></span>
 								</div>
 							</div>
diff --git a/web/plates/js/gps.js b/web/plates/js/gps.js
index 9cc706e1..a77f8c6e 100644
--- a/web/plates/js/gps.js
+++ b/web/plates/js/gps.js
@@ -212,9 +212,21 @@ function GPSCtrl($rootScope, $scope, $state, $http, $interval) {
         if (situation.AHRSStatus & 0x01) {
             statusGPS.classList.remove("off");
             statusGPS.classList.add("on");
+            $scope.map_opacity = 1;
+            $scope.map_mark_opacity = 1;
         } else {
             statusGPS.classList.add("off");
             statusGPS.classList.remove("on");
+            $scope.gps_lat = "--";
+            $scope.gps_lon = "--";
+            $scope.gps_alt = "--";
+            $scope.gps_track = "--";
+            $scope.gps_speed = "--";
+            $scope.gps_vert_speed = "--";
+            $scope.gps_horizontal_accuracy = "\u221e";
+            $scope.gps_vertical_accuracy = "\u221e";
+            $scope.map_opacity = 0.2;
+            $scope.map_mark_opacity = 0;
         }
         if (situation.AHRSStatus & 0x02) {
             statusIMU.classList.remove("off");