diff --git a/src/assets/js/map-util.js b/src/assets/js/map-util.js
index 2bb0f78e4a4cc104f50751ca06cd87412feaf234..f673e00ca6f3b97116c71f5a9b2005222a5b612d 100644
--- a/src/assets/js/map-util.js
+++ b/src/assets/js/map-util.js
@@ -32,18 +32,19 @@ L.TileLayer.BetterWMS = L.TileLayer.WMS.extend({
   getFeatureInfo: function (evt) {
     if (this.wmsParams.basemapId != undefined) {
       const queryableLayerSelected = document.getElementById(`queryable-layers-selector-${this.wmsParams.basemapId}`).getElementsByClassName('selected')[0].innerHTML;
-      if (queryableLayerSelected === this.wmsParams.title) {
+      if (queryableLayerSelected.trim() === this.wmsParams.title.trim()) {
         // Make an AJAX request to the server and hope for the best
         var params = this.getFeatureInfoUrl(evt.latlng);
         var showResults = L.Util.bind(this.showGetFeatureInfo, this);
 
-        axios.post(
+        axios.get(
           window.proxy_url,
           {
-            data: params,
+            params: params,
             //dataType: "json",
           }
-            .then(data => {
+            ).then(response => {
+              let data=response.data;
               var err = typeof data === 'object' ? null : data;
               if (data.features || err) {
                 showResults(err, evt.latlng, data);
@@ -55,7 +56,7 @@ L.TileLayer.BetterWMS = L.TileLayer.WMS.extend({
               //xhr.responseText;
               //console.log(status)
             }
-            ))
+            )
 
       }
     }
diff --git a/src/components/Dropdown.vue b/src/components/Dropdown.vue
index 0ca8e093114e5bfc7bfac0e1dc348f2b3b2d9528..d55ed84c1d11548e2e5836839fef1f08c2b14f38 100644
--- a/src/components/Dropdown.vue
+++ b/src/components/Dropdown.vue
@@ -33,9 +33,7 @@
           processedOptions ? 'item' : 'message',
           { 'active selected': option === selected },
         ]"
-      >
-        {{ option }}
-      </div>
+      >{{ option }}</div>
     </div>
   </div>
 </template>
diff --git a/src/components/map-layers/SidebarLayers.vue b/src/components/map-layers/SidebarLayers.vue
index 9df2338dce40fc89bd337a1011da9e8bd6af6d2a..6e177a673f54b98bc124a720f7bda5cd9ba3344b 100644
--- a/src/components/map-layers/SidebarLayers.vue
+++ b/src/components/map-layers/SidebarLayers.vue
@@ -58,6 +58,16 @@
       >
         {{ basemap.title }}
       </div>
+      <div :id="`queryable-layers-selector-${basemap.id}`" v-if="isQueryable(basemap)">
+        <b>Couche requêtable</b>
+        <Dropdown 
+          @update:selection="onQueryLayerChange($event)"
+          :options="getQueryableLayers(basemap)"
+          :selected="selectedQueryLayer"
+          :search="true"
+        />
+
+      </div>
       <div
         :class="{ active: isActive(basemap) }"
         class="content"
@@ -94,11 +104,16 @@
 
 <script>
 import { mapUtil } from "@/assets/js/map-util.js";
+import Dropdown from "@/components/Dropdown.vue";
 
 export default {
   name: "SidebarLayers",
+  components: {
+    Dropdown,
+  },
   data() {
     return {
+      selectedQueryLayer:null,
       baseMaps: [],
       layers: [],
       expanded: false,
@@ -122,7 +137,25 @@ export default {
     getOpacity(opacity) {
       return Math.round(parseFloat(opacity) * 100);
     },
+    onQueryLayerChange(layer){
+      console.log(layer);
+      this.selectedQueryLayer=layer.name;
+    },
+    isQueryable(baseMap){
+      let queryableLayer=baseMap.layers.filter(l => l.queryable === true);
+      return queryableLayer.length>0;
+    },
+    getQueryableLayers(baseMap){
+      let queryableLayer=baseMap.layers.filter(l => l.queryable === true);
+      return queryableLayer.map(x=>{
+        return {
+          name:x.title,
+          value:x
+        }
+      });
+    },
     addLayers(baseMap) {
+     
       baseMap.layers.forEach((layer) => {
         var layerOptions = this.layers.find((l) => l.id == layer.id);
         console.log(layerOptions);
diff --git a/src/main.js b/src/main.js
index 0dc0f54a41b1aa150371eb2267f8eb8d4128990d..22fdd2b3b48d5fa8a340a744abf90bded82bf99a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,7 +14,8 @@ Vue.config.productionTip = false
 axios.get("/config/config.json")
   .then((response) => {
     if (response && response.status === 200) {
-            store.commit("SET_CONFIG", response.data)
+            store.commit("SET_CONFIG", response.data);
+            window.proxy_url=response.data.VUE_APP_DJANGO_API_BASE+"proxy/"
             axios.all([store.dispatch("USER_INFO"),
               store.dispatch("GET_ALL_PROJECTS"),
               store.dispatch("GET_STATIC_PAGES"),