【fix】修复官网iPortal SecurityManager使用示例，点击两次出图报错问题 reviewed by luoxiao

Author: luoxiao-supermap

examples/leaflet/iPortalSecurity.html

@@ -229,7 +229,7 @@ <h4 data-i18n="resources.title_iPortalSecurity"></h4>
             <tr>
                 <td colspan="3">
                     <div class="row">
-                        <div class="col-md-12  text-center">
+                        <div class="col-md-12  text-center" id="map_container">
                             <div class="col-md-12" id="iportal_map" style=" height: 300px;"></div>
                         </div>
                     </div>
@@ -384,7 +384,8 @@ <h4 data-i18n="resources.title_iPortalSecurity"></h4>
             return;
         }
         L.supermap.SecurityManager.registerKey(mapUrl, key);
-
+                
+        $('#map_container')[0].innerHTML =  `<div class="col-md-12" id="iportal_map" style=" height: 300px;"></div>`;
         var onlineMap = L.map('iportal_map', {
             crs: L.CRS.EPSG4326,
             center: [30, 104],

examples/openlayers/iPortalSecurity.html

@@ -229,7 +229,7 @@ <h4 data-i18n="resources.title_iPortalSecurity"></h4>
             <tr>
                 <td colspan="3">
                     <div class="row">
-                        <div class="col-md-12  text-center">
+                        <div class="col-md-12  text-center" id="map_container">
                             <div class="col-md-12" id="iportal_map" style=" height: 300px;"></div>
                         </div>
                     </div>
@@ -382,6 +382,7 @@ <h4 data-i18n="resources.title_iPortalSecurity"></h4>
         }
         ol.supermap.SecurityManager.registerKey(mapUrl, key);
 
+        $('#map_container')[0].innerHTML =  `<div class="col-md-12" id="iportal_map" style=" height: 300px;"></div>`;
         var map = new ol.Map({
             target: 'iportal_map',
             controls: ol.control.defaults({attributionOptions: {collapsed: false}})