En map.html se sustituyeron los botones de seleccion de mapas por un icono

catalog/static/catalog/css/map.css

@@ -40,10 +40,10 @@ html, body
 }
 
 .mapControl{
-	width: 15%;
-	height: auto;
+	width: 50px;
+	height: 50px;
 	position: absolute;
-	right: 15px;
+	right: 20px;
 	bottom: 15px;
 	z-index: 100;
 	background-color: white;  
@@ -51,3 +51,4 @@ html, body
 	padding: 3px;
 }
 
+

catalog/static/catalog/js/openLayers4.js

@@ -295,18 +295,20 @@ function getRandomColor() {
 	return color;
 }
 
+//cycle
+var selectedMap = "cycle"
 
-
-OpenStreetMapsClass.prototype.changeMap = function (selectedMap) {
+OpenStreetMapsClass.prototype.changeMap = function () {
 	
 	if(selectedMap == "light"){
 		this.layers[0].setVisible(true)
 		this.layers[1].setVisible(false)
+		selectedMap = "cycle"
 		
 	}else{
 		this.layers[1].setVisible(true)
 		this.layers[0].setVisible(false)
-		
+		selectedMap = "light"
 	}
 	
 }

catalog/templates/map.html

@@ -241,33 +241,10 @@
     <!-- <div class="ad"> </div> -->
 
     <!-- control de version de mapas -->
-    <div class="mapControl">
-        <div id="controlMap" class="controlContainer">
-            <div class="row">
-                <div class="col-lg-6">
-                    <label>
-                        <div class="baseMap" onclick="cambio.changeMap('light')">
-                            <img src="../../static/images/light.png" width="100%" height="100%">
-                            <span class="mapSelector">
-                                <input id="light" type="radio" name="layerOption" checked="">
-                                <span>light</span>
-                            </span>
-                        </div>
-                    </label>
-                </div>
-                <div class="col-lg-6">
-                    <label>
-                        <div class="baseMap" onclick="cambio.changeMap('cycle')">
-                            <img src="../../static/images/cycle.png" width="100%" height="100%">
-                            <span class="mapSelector">
-                                <input id="streets" type="radio" name="layerOption">
-                                <span>cycle</span>
-                            </span>
-                        </div>
-                    </label>
-                </div>
-            </div>
-        </div>
+    <div class="mapControl" onclick="cambio.changeMap()">
+        <a>
+            <i class="fas fa-layer-group fa-2x" style="padding: 7px;"></i> 
+        </a>            
     </div>
     <!-- control de version de mapas -->