[CQ Map] Fix when reloading map after selection change

application/views/awards/cq/index.php

@@ -124,13 +124,13 @@
             <a class="nav-link active" id="table-tab" data-toggle="tab" href="#table" role="tab" aria-controls="table" aria-selected="true">Table</a>
         </li>
         <li class="nav-item">
-            <a class="nav-link" id="map-tab" data-toggle="tab" href="#cqmap" role="tab" aria-controls="home" aria-selected="false">Map</a>
+            <a class="nav-link" id="map-tab" data-toggle="tab" href="#cqmaptab" role="tab" aria-controls="home" aria-selected="false">Map</a>
         </li>
     </ul>
     <br />
 
     <div class="tab-content" id="myTabContent">
-        <div class="tab-pane fade" id="cqmap" role="tabpanel" aria-labelledby="home-tab">
+        <div class="tab-pane fade" id="cqmaptab" role="tabpanel" aria-labelledby="home-tab">
     <br />
 
     <div id="cqmap"></div>

assets/js/sections/cqmap.js

@@ -1,7 +1,7 @@
 var osmUrl = $('#cqmapjs').attr("tileUrl");
 
 function load_cq_map() {
-    $('.nav-tabs a[href="#cqmap"]').tab('show');
+    $('.nav-tabs a[href="#cqmaptab"]').tab('show');
     $.ajax({
         url: base_url + 'index.php/awards/cq_map',
         type: 'post',
@@ -110,11 +110,13 @@ function load_cq_map2(data) {
       [ "78", "-10"],
     ];
 
-      // If map is already initialized
+    // If map is already initialized
     var container = L.DomUtil.get('cqmap');
 
     if(container != null){
         container._leaflet_id = null;
+        container.remove();
+        $("#cqmaptab").append('<div id="cqmap"></div>');
     }
 
     var map = L.map('cqmap');