[fix]修改一些示例中多次点击操作时报错的问题

chenxianhuii · chenxianhuii · commit d2693c858aa3 · 2025-04-25T15:57:07.000+08:00
diff --git a/examples/leaflet/01_layersLegend.html b/examples/leaflet/01_layersLegend.html
@@ -54,7 +54,7 @@ <h5 class='panel-title text-center'>
       </div>
       <div class="panel-body" id="layersList"></div>
       <div class="panel-footer">
-        <input class="btn btn-default" type="button" onclick="createLegend()" data-i18n="[value]resources.btn_getLegend"></input>
+        <input class="btn btn-default" type="button" onclick="createLegend()" data-i18n="[value]resources.btn_getLegend"/>
       </div>
     </div>
     <div class="panel panel-primary legend" style="width:250px;margin-top: 50vh;position: absolute;float:right;">
diff --git a/examples/leaflet/iServerSecurity.html b/examples/leaflet/iServerSecurity.html
@@ -336,16 +336,20 @@ <h4 data-i18n="resources.title_iServerSecurity"></h4>
     /*token访问服务 end*/
 
     /*出图*/
+    var onlineMap;
     function showMapWithToken() {
         var token = $('#mapToken_iserver').val();
         var mapUrl = $('#serviceUrlMap_iserver').val();
         if (!checkUrl(mapUrl)) {
             return;
         }
+        if (onlineMap) {
+          onlineMap.remove();
+        }
         //使用前要先注册token,如果为该地址注册过则不用重复注册
         L.supermap.SecurityManager.registerToken(mapUrl, token);
 
-        var onlineMap = L.map('iserver_map', {
+        onlineMap = L.map('iserver_map', {
             center: [30, 104],
             maxZoom: 18,
             zoom: 2
diff --git a/examples/leaflet/onlineSecurity.html b/examples/leaflet/onlineSecurity.html
@@ -175,15 +175,19 @@ <h4 data-i18n="resources.title_onlineSecurity"></h4>
     /*注册key end*/
 
     /*出图*/
+    var onlineMap;
     function showMapWithOnlineKey() {
         var key = $('#mapKey_online').val();
         var mapUrl = $('#serviceUrlMap_online').val();
         if (!checkUrl(mapUrl)) {
             return;
         }
+        if (onlineMap) {
+          onlineMap.remove();
+        }
         L.supermap.SecurityManager.registerKey(mapUrl, key);
 
-        var onlineMap = L.map('online_map', {
+        onlineMap = L.map('online_map', {
             crs: L.CRS.EPSG4326,
             center: [30, 104],
             maxZoom: 18,
diff --git a/examples/mapboxgl/01_layersLegend.html b/examples/mapboxgl/01_layersLegend.html
@@ -54,7 +54,7 @@ <h5 class='panel-title text-center'>
         </div>
         <div class="panel-body" id="layersList"></div>
         <div class="panel-footer">
-          <input class="btn btn-default" type="button" onclick="createLegend()" data-i18n="[value]resources.btn_getLegend"></input>
+          <input class="btn btn-default" type="button" onclick="createLegend()" data-i18n="[value]resources.btn_getLegend"/>
         </div>
       </div>
       <div class="panel panel-primary legend" style="width:250px;margin-top: 50vh;position: absolute;">
diff --git a/examples/mapboxgl/01_mapQueryBySQL_FGB.html b/examples/mapboxgl/01_mapQueryBySQL_FGB.html
@@ -97,6 +97,8 @@ <h5 class='panel-title text-center' data-i18n="resources.title_queryBySQL"></h5>
     function clearFeatures() {
       if (map.getLayer('points')) {
         map.removeLayer('points');
+      }
+      if(map.getSource('pointsouter')){
         map.removeLayer('pointsouter');
         map.removeSource('pointsouter');
       }
diff --git a/examples/mapboxgl/02_getFeatureBySQL_FGB.html b/examples/mapboxgl/02_getFeatureBySQL_FGB.html
@@ -129,6 +129,8 @@ <h5 class='panel-title text-center' data-i18n="resources.title_getFeatureBySQL">
       function clearFeatures() {
         if (map.getLayer('queryDatas')) {
           map.removeLayer('queryDatas');
+        }
+        if (map.getLayer('queryDatasouter')) {
           map.removeLayer('queryDatasouter');
           map.removeSource('queryDatasouter');
         }
diff --git a/examples/maplibregl/01_layersLegend.html b/examples/maplibregl/01_layersLegend.html
@@ -55,7 +55,7 @@ <h5 class='panel-title text-center'>
         </div>
         <div class="panel-body" id="layersList"></div>
         <div class="panel-footer">
-          <input class="btn btn-default" type="button" onclick="createLegend()" data-i18n="[value]resources.btn_getLegend"></input>
+          <input class="btn btn-default" type="button" onclick="createLegend()" data-i18n="[value]resources.btn_getLegend"/>
         </div>
       </div>
       <div class="panel panel-primary legend" style="width:250px;margin-top: 50vh;position: absolute;">
diff --git a/examples/maplibregl/01_mapQueryBySQL_FGB.html b/examples/maplibregl/01_mapQueryBySQL_FGB.html
@@ -98,6 +98,8 @@ <h5 class='panel-title text-center' data-i18n="resources.title_queryBySQL"></h5>
     function clearFeatures() {
       if (map.getLayer('points')) {
         map.removeLayer('points');
+      }
+      if(map.getSource('pointsouter')){
         map.removeLayer('pointsouter');
         map.removeSource('pointsouter');
       }
diff --git a/examples/maplibregl/02_getFeatureBySQL_FGB.html b/examples/maplibregl/02_getFeatureBySQL_FGB.html
@@ -129,6 +129,8 @@ <h5 class='panel-title text-center' data-i18n="resources.title_getFeatureBySQL">
       function clearFeatures() {
         if (map.getLayer('queryDatas')) {
           map.removeLayer('queryDatas');
+        }
+        if (map.getLayer('queryDatasouter')) {
           map.removeLayer('queryDatasouter');
           map.removeSource('queryDatasouter');
         }
diff --git a/examples/openlayers/01_layersLegend.html b/examples/openlayers/01_layersLegend.html
@@ -55,7 +55,7 @@ <h5 class='panel-title text-center'>
         </div>
         <div class="panel-body" id="layersList"></div>
         <div class="panel-footer">
-          <input class="btn btn-default" type="button" onclick="createLegend()" data-i18n="[value]resources.btn_getLegend"></input>
+          <input class="btn btn-default" type="button" onclick="createLegend()" data-i18n="[value]resources.btn_getLegend"/>
         </div>
       </div>
       <div class="panel panel-primary legend" style="width:250px;margin-top: 50vh;position: absolute;">
diff --git a/examples/openlayers/iServerSecurity.html b/examples/openlayers/iServerSecurity.html
@@ -195,8 +195,7 @@ <h4 data-i18n="resources.title_iServerSecurity"></h4>
             <tr>
                 <td colspan="3">
                     <div class="row">
-                        <div class="col-md-12  text-center">
-                            <div class="col-md-12" id="iserver_map" style=" height: 300px;"></div>
+                        <div class="col-md-12  text-center" id="map_container">
                         </div>
                     </div>
                 </td>
@@ -326,7 +325,7 @@ <h4 data-i18n="resources.title_iServerSecurity"></h4>
         //使用前要先注册token,如果为该地址注册过则不用重复注册
         ol.supermap.SecurityManager.registerToken(mapUrl, token);
 
-
+        $('#map_container')[0].innerHTML =  `<div class="col-md-12" id="iserver_map" style=" height: 300px;"></div>`;
         var map = new ol.Map({
             target: 'iserver_map',
             // ol v7版本用法为ol.control.defaults.defaults； v6版本以下用法为ol.control.defaults
diff --git a/examples/openlayers/onlineSecurity.html b/examples/openlayers/onlineSecurity.html
@@ -108,8 +108,7 @@ <h4 data-i18n="resources.title_onlineSecurity"></h4>
             <tr>
                 <td colspan="3">
                     <div class="row">
-                        <div class="col-md-12  text-center">
-                            <div class="col-md-12" id="online_map" style=" height: 300px;"></div>
+                        <div class="col-md-12  text-center" id="map_container">
                         </div>
                     </div>
                 </td>
@@ -183,6 +182,7 @@ <h4 data-i18n="resources.title_onlineSecurity"></h4>
         }
         ol.supermap.SecurityManager.registerKey(mapUrl, key);
 
+        $('#map_container')[0].innerHTML =  `<div class="col-md-12" id="online_map" style=" height: 300px;"></div>`;
         var map = new ol.Map({
             target: 'online_map',
             // ol v7版本用法为ol.control.defaults.defaults； v6版本以下用法为ol.control.defaults

Original file line number	Diff line number	Diff line change
`@@ -97,6 +97,8 @@ <h5 class='panel-title text-center' data-i18n="resources.title_queryBySQL"></h5>`
`97`	`97`	`function clearFeatures() {`
`98`	`98`	`if (map.getLayer('points')) {`
`99`	`99`	`map.removeLayer('points');`
	`100`	`+ }`
	`101`	`+ if(map.getSource('pointsouter')){`
`100`	`102`	`map.removeLayer('pointsouter');`
`101`	`103`	`map.removeSource('pointsouter');`
`102`	`104`	`}`
Original file line number	Diff line number	Diff line change
`@@ -129,6 +129,8 @@ <h5 class='panel-title text-center' data-i18n="resources.title_getFeatureBySQL">`
`129`	`129`	`function clearFeatures() {`
`130`	`130`	`if (map.getLayer('queryDatas')) {`
`131`	`131`	`map.removeLayer('queryDatas');`
	`132`	`+ }`
	`133`	`+ if (map.getLayer('queryDatasouter')) {`
`132`	`134`	`map.removeLayer('queryDatasouter');`
`133`	`135`	`map.removeSource('queryDatasouter');`
`134`	`136`	`}`
Original file line number	Diff line number	Diff line change
`@@ -98,6 +98,8 @@ <h5 class='panel-title text-center' data-i18n="resources.title_queryBySQL"></h5>`
`98`	`98`	`function clearFeatures() {`
`99`	`99`	`if (map.getLayer('points')) {`
`100`	`100`	`map.removeLayer('points');`
	`101`	`+ }`
	`102`	`+ if(map.getSource('pointsouter')){`
`101`	`103`	`map.removeLayer('pointsouter');`
`102`	`104`	`map.removeSource('pointsouter');`
`103`	`105`	`}`