diff --git a/src/main/webapp/js/observationFormMap.js b/src/main/webapp/js/observationFormMap.js
index 2c56c538794bab2cfd87a6df54821688c7cabc35..1857185afa6f0a931df54cdd116dd8ebe13e6459 100755
--- a/src/main/webapp/js/observationFormMap.js
+++ b/src/main/webapp/js/observationFormMap.js
@@ -85,14 +85,14 @@ function initMap(center, zoomLevel, displayMarker, drawnObjs, chooseLayersObj) {
       for (i = 0; i < chooseLayersObj.chooseFromMapLayers.length; i++) { 
         var layer = chooseLayersObj.chooseFromMapLayers[i];
         var opt = document.createElement("option");
-        opt.value = layer.id;
-        opt.text=layer.title;
+        opt.value = layer.mapLayerId;
+        opt.text = layer.mapLayerTitle;
         typeSelect.appendChild(opt);
         chooseLayers.push(new ol.layer.Vector({
-          id: layer.id,
-          title: layer.title,
-          type: layer.type,
-          visible: layer.visible, 
+          id: layer.mapLayerId,
+          title: layer.mapLayerTitle,
+          type: layer.mapLayerType,
+          visible: layer.defaultVisible, 
           hoverAttribute:layer.hoverAttribute,          
           source: new ol.source.Vector({
             projection: layer.projection,
@@ -289,7 +289,7 @@ function initMap(center, zoomLevel, displayMarker, drawnObjs, chooseLayersObj) {
     map.removeInteraction(draw);
 
     for (i = 0; i < chooseLayers.length; i++) {
-      if (e.target.value === chooseLayers[i].getProperties().id) {
+      if (parseInt(e.target.value) === chooseLayers[i].getProperties().id) {
         choosenLayer = chooseLayers[i];
         hoverAttribute = choosenLayer.getProperties().hoverAttribute;
         choosenLayer.setVisible(true);