Add forecast map

ipmd/templates/ipmd/saddlegallmidgeform.html

@@ -53,9 +53,7 @@
                 </div>
             </fieldset>
         </div>
-        <div class="col-md-4">
-            <div id="historicDatasourceMap"></div>
-        </div>
+        <div class="col-md-4"><div id="historicDatasourceMap"></div></div>
     </div>
     <div class="row">
         <div class="col-md-8">
@@ -67,7 +65,7 @@
                 </div>
             </fieldset>
         </div>
-        <div class="col-md-4"></div>
+        <div class="col-md-4"><div id="forecastDatasourceMap"></div></div>
     </div>
     <button class="btn btn-primary" type="button" onclick="submitData();">Submit</button>
     <div style="aspect-ratio: 2;">
@@ -249,6 +247,15 @@
             sourceInfoPanel.style.display="none";
             return;
         }
+
+        // Display map
+        initDataSourceMap(
+            "forecastDatasourceMap", 
+            JSON.parse(currentForecastWeatherDatasource.spatial.geoJSON), 
+            currentForecastWeatherDatasource.spatial.countries, 
+            function(){} // We don't do nothing, right?
+            );
+
         let sourceInfo = document.getElementById("forecastSourceInfo");
         sourceInfo.innerHTML = currentForecastWeatherDatasource.description;
         sourceInfoPanel.style.display="block";