gis-map-universal 0.3.0 → 0.3.2

package/gismap.umd.js

@@ -17038,17 +17038,6 @@ class Canvg {
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("4362")))
 
-/***/ }),
-
-/***/ "0dbb":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ClusterList_vue_vue_type_style_index_0_id_576bc755_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4b75");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ClusterList_vue_vue_type_style_index_0_id_576bc755_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ClusterList_vue_vue_type_style_index_0_id_576bc755_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "0df5":
@@ -80388,22 +80377,6 @@ exports.toNumber = toNumber;
 
 /***/ }),
 
-/***/ "4b75":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("9784");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("0839ff90", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "4cdf":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -101228,6 +101201,20 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "6b64":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".clusterListPopup[data-v-0634475e]{width:300px;height:170px}ul li[data-v-0634475e]{list-style-type:none}.paginate-list[data-v-0634475e]{height:83%;padding:0 3%;margin:4% 1% 0 1%;overflow:auto;max-height:83%}.list-item[data-v-0634475e]{padding:1.3% 0;cursor:pointer;display:flex;align-items:normal}.list-item[data-v-0634475e]:hover{color:#21c8ff}.item-icon[data-v-0634475e]{width:20px;height:20px;margin-right:10px}.paginate-links[data-v-0634475e]{list-style-type:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;margin:1% 0 0 0}.paginate-links[data-v-0634475e] .left-arrow{color:#fff;border-radius:2px;text-align:center;margin:0 2px}.paginate-links[data-v-0634475e] .left-arrow a{display:inline-block;width:20px;height:20px;align-content:center}.paginate-links[data-v-0634475e] .left-arrow:hover{background-color:#217996;transition:all .2s cubic-bezier(.82,0,1,.9)}.paginate-links[data-v-0634475e] .number{border:1px solid #217996;text-align:center;border-radius:2px;margin:0 2px}.paginate-links[data-v-0634475e] .number a{display:inline-block;width:20px;height:20px;align-content:center}.paginate-links[data-v-0634475e] .number:hover{background-color:#217996;transition:all .2s cubic-bezier(.82,0,1,.9)}.paginate-links[data-v-0634475e] .right-arrow{color:#fff;border-radius:2px;text-align:center;margin:0 2px}.paginate-links[data-v-0634475e] .right-arrow a{display:inline-block;width:20px;height:20px;align-content:center}.paginate-links[data-v-0634475e] .right-arrow:hover{background-color:#217996;transition:all .2s cubic-bezier(.82,0,1,.9)}.paginate-links[data-v-0634475e] .active{color:#fff;background-color:#217996}.paginate-links[data-v-0634475e] .disabled,.paginate-links[data-v-0634475e] .disabled:hover{cursor:not-allowed;background:none;color:#a7a7a7}.item-content[data-v-0634475e]{letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "6c59":
@@ -130850,20 +130837,6 @@ function assignClosestMultiArrayPoint(flatCoordinates, offset, endss, stride, ma
 }
 //# sourceMappingURL=closest.js.map
 
-/***/ }),
-
-/***/ "9784":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".clusterListPopup[data-v-576bc755]{width:300px;height:170px}ul li[data-v-576bc755]{list-style-type:none}.paginate-list[data-v-576bc755]{height:83%;padding:0 3%;margin:4% 1% 0 1%;overflow:auto;max-height:83%}.list-item[data-v-576bc755]{padding:1.3% 0;cursor:pointer;display:flex;align-items:normal}.list-item[data-v-576bc755]:hover{color:#21c8ff}.item-icon[data-v-576bc755]{width:20px;height:20px;margin-right:10px}.paginate-links[data-v-576bc755]{list-style-type:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;margin:1% 0 0 0}.paginate-links[data-v-576bc755] .left-arrow{padding:1% 2%!important;color:#fff;border-radius:2px;margin:0 2px}.paginate-links[data-v-576bc755] .left-arrow:hover{background-color:#217996;transition:all .2s cubic-bezier(.82,0,1,.9)}.paginate-links[data-v-576bc755] .number{padding:1% 2%!important;border:1px solid #217996;text-align:center;border-radius:2px;margin:0 2px}.paginate-links[data-v-576bc755] .number:hover{background-color:#217996;transition:all .2s cubic-bezier(.82,0,1,.9)}.paginate-links[data-v-576bc755] .right-arrow{padding:1% 2%!important;color:#fff;border-radius:2px;margin:0 2px}.paginate-links[data-v-576bc755] .right-arrow:hover{background-color:#217996;transition:all .2s cubic-bezier(.82,0,1,.9)}.paginate-links[data-v-576bc755] .active{color:#fff;background-color:#217996}.paginate-links[data-v-576bc755] .disabled,.paginate-links[data-v-576bc755] .disabled:hover{cursor:not-allowed;background:none;color:#a7a7a7}.item-content[data-v-576bc755]{letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "97e6":
@@ -155210,6 +155183,17 @@ function transformExtentWithOptions(extent, opt_options) {
 }
 //# sourceMappingURL=Feature.js.map
 
+/***/ }),
+
+/***/ "b83e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ClusterList_vue_vue_type_style_index_0_id_0634475e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fae9");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ClusterList_vue_vue_type_style_index_0_id_0634475e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ClusterList_vue_vue_type_style_index_0_id_0634475e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b88d":
@@ -456968,16 +456952,16 @@ var TypeB_component = normalizeComponent(
 )
 
 /* harmony default export */ var TypeB = (TypeB_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"50d482b6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMap2d/src/component/netLayer/ClusterList.vue?vue&type=template&id=576bc755&scoped=true
-var ClusterListvue_type_template_id_576bc755_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"clusterListPopup"},[_c('paginate',{staticClass:"paginate-list",attrs:{"name":"clusterList","list":_vm.clusterList,"per":5}},_vm._l((_vm.paginated('clusterList')),function(item,index){return _c('li',{key:index,staticClass:"list-item",on:{"click":function($event){return _vm.danji(item)}}},[_c('img',{staticClass:"item-icon",attrs:{"src":item.iconUrl}}),_c('div',{staticClass:"item-content",attrs:{"title":item.otherInfo.name}},[_vm._v(" "+_vm._s(item.otherInfo.name)+" ")])])}),0),_c('paginate-links',{directives:[{name:"show",rawName:"v-show",value:(_vm.exceed),expression:"exceed"}],attrs:{"async":true,"for":"clusterList","limit":2,"show-step-links":true,"step-links":{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"50d482b6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gisMap2d/src/component/netLayer/ClusterList.vue?vue&type=template&id=0634475e&scoped=true
+var ClusterListvue_type_template_id_0634475e_scoped_true_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"clusterListPopup"},[_c('paginate',{staticClass:"paginate-list",attrs:{"name":"clusterList","list":_vm.clusterList,"per":5}},_vm._l((_vm.paginated('clusterList')),function(item,index){return _c('li',{key:index,staticClass:"list-item",on:{"click":function($event){return _vm.danji(item)}}},[_c('img',{staticClass:"item-icon",attrs:{"src":item.iconUrl}}),_c('div',{staticClass:"item-content",attrs:{"title":item.otherInfo.name}},[_vm._v(" "+_vm._s(item.otherInfo.name)+" ")])])}),0),_c('paginate-links',{directives:[{name:"show",rawName:"v-show",value:(_vm.exceed),expression:"exceed"}],attrs:{"async":true,"for":"clusterList","limit":2,"show-step-links":true,"step-links":{
       next: '>',
       prev: '<',
     }}})],1)
 }
-var ClusterListvue_type_template_id_576bc755_scoped_true_staticRenderFns = []
+var ClusterListvue_type_template_id_0634475e_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/gisMap2d/src/component/netLayer/ClusterList.vue?vue&type=template&id=576bc755&scoped=true
+// CONCATENATED MODULE: ./packages/gisMap2d/src/component/netLayer/ClusterList.vue?vue&type=template&id=0634475e&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-paginate/dist/vue-paginate.js
 var vue_paginate = __webpack_require__("baff");
@@ -457026,8 +457010,8 @@ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(vue_paginate_default.
 
 // CONCATENATED MODULE: ./packages/gisMap2d/src/component/netLayer/ClusterList.vue?vue&type=script&lang=js
  /* harmony default export */ var netLayer_ClusterListvue_type_script_lang_js = (ClusterListvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/gisMap2d/src/component/netLayer/ClusterList.vue?vue&type=style&index=0&id=576bc755&prod&scoped=true&lang=css
-var ClusterListvue_type_style_index_0_id_576bc755_prod_scoped_true_lang_css = __webpack_require__("0dbb");
+// EXTERNAL MODULE: ./packages/gisMap2d/src/component/netLayer/ClusterList.vue?vue&type=style&index=0&id=0634475e&prod&scoped=true&lang=css
+var ClusterListvue_type_style_index_0_id_0634475e_prod_scoped_true_lang_css = __webpack_require__("b83e");
 
 // CONCATENATED MODULE: ./packages/gisMap2d/src/component/netLayer/ClusterList.vue
 
@@ -457040,11 +457024,11 @@ var ClusterListvue_type_style_index_0_id_576bc755_prod_scoped_true_lang_css = __
 
 var ClusterList_component = normalizeComponent(
   netLayer_ClusterListvue_type_script_lang_js,
-  ClusterListvue_type_template_id_576bc755_scoped_true_render,
-  ClusterListvue_type_template_id_576bc755_scoped_true_staticRenderFns,
+  ClusterListvue_type_template_id_0634475e_scoped_true_render,
+  ClusterListvue_type_template_id_0634475e_scoped_true_staticRenderFns,
   false,
   null,
-  "576bc755",
+  "0634475e",
   null
   
 )
@@ -457236,7 +457220,7 @@ var LatlonPick_component = normalizeComponent(
         zIndex: 1,
         projection: "EPSG:3857",
       });
-      // this.map.addLayer(baselayer);
+      this.map.addLayer(baselayer);
       // 加载4市区划高亮WMS服务
       let wmslayer = new Tile["default"]({
         layerName: "wmslayer",
@@ -457249,9 +457233,9 @@ var LatlonPick_component = normalizeComponent(
         }),
         zIndex: 2,
         projection: "EPSG:3857",
-        opacity: 0.2,
+        opacity: 0.7,
       });
-      // this.map.addLayer(wmslayer);
+      this.map.addLayer(wmslayer);
       // 加载全省道路线
       let baseRoadlayer = new Tile["default"]({
         layerName: "baseRoadlayer",
@@ -457265,7 +457249,7 @@ var LatlonPick_component = normalizeComponent(
         zIndex: 4,
         projection: "EPSG:3857",
       });
-      // this.map.addLayer(baseRoadlayer);
+      this.map.addLayer(baseRoadlayer);
       // 加载G35高亮线
       let G35layer = new Tile["default"]({
         layerName: "G35layer",
@@ -457327,20 +457311,10 @@ var LatlonPick_component = normalizeComponent(
         element: elPopup,
         positioning: "bottom-center",
         stopEvent: true,
-        autoPan: false,
-        // autoPanAnimation: {
-        //   duration: 250,
-        // },
+        autoPan: false
       });
       this.map.addOverlay(this.overlayPopup);
       this.map.on("click", (e) => {
-        // e.preventDefault();
-        // this.map.getView().animate({
-        //   center: this.mapCenter,
-        //   zoom: this.map.getView().getZoom(),
-        //   duration: 10
-        // });
-        console.log('点击事件',this.map.getView().getCenter(),this.map.getView().getZoom());
         if (
           !this.map.getInteractions().getArray().includes(this.measuredraw) &&
           // !this.$refs.measureTool.measuredraw.getActive() &&
@@ -457375,6 +457349,7 @@ var LatlonPick_component = normalizeComponent(
                     -this.popupWidth / 2,
                     -this.popupHeight,
                   ]);
+                  this.overlayPopup.set('popupBS','clusterList')
                 } else {
                   this.map.getView().animate({
                     center: feature.getGeometry().getCoordinates(),
@@ -457503,6 +457478,25 @@ var LatlonPick_component = normalizeComponent(
           }
         }
       });
+      this.map.getView().on('change', (event) => {
+        if (this.map.getView().getZoom() < 18) {
+          let popupBS = this.overlayPopup.get('popupBS')
+          if (popupBS === 'clusterList') {
+            this.closePopup()
+          }
+          this.gongganTextLayerList.forEach(e => {
+            e.setVisible(false)
+          });
+        }else{
+          if(this.gongganTextLayerShow){
+            this.gongganTextLayerList.forEach(e => {
+              if(e.get("isvis")){
+                e.setVisible(true)
+              }
+            });
+          }
+        }
+      });
     },
     initRadarLayers(url) {
       let radarLayer = new layer_Image["default"]({
@@ -457871,7 +457865,12 @@ var Cluster_Cluster = /** @class */ (function (_super) {
 
 /* harmony default export */ var utills = ({
   data() {
-    return {};
+    return {
+      gongganTextLayerShow: false,
+      gongganTextLayerList: [],
+      sourceWithoutTextList: [],
+      sourceWithTextList: [],
+    };
   },
   methods: {
     openPopupByattr(LayerType, attr) {
@@ -457928,6 +457927,7 @@ var Cluster_Cluster = /** @class */ (function (_super) {
       });
     },
     addPointByArr(pointsObj, id, isCluster) {
+      let that = this;
       this.isCluster = isCluster;
       let arry = this.map.getLayers().getArray();
       let foundLayer = null;
@@ -457938,8 +457938,17 @@ var Cluster_Cluster = /** @class */ (function (_super) {
           break;
         }
       }
-      this.sourceWithoutText = new source_Vector["default"]();
-      this.sourceWithText = new source_Vector["default"]();
+      let sourceWithoutText = new source_Vector["default"]();
+      let sourceWithText = new source_Vector["default"]();
+      let gongganTextLayer = new layer_Vector["default"]({
+        layerName: id + "_Text",
+        zIndex: 999,
+        visible: false,
+      });
+      gongganTextLayer.set("isvis", false)
+      let gongganTextSource = new source_Vector["default"]();
+      this.gongganTextLayerList.push(gongganTextLayer);
+      this.map.addLayer(gongganTextLayer);
       pointsObj.pointList.forEach((data) => {
         let feature = new ol_Feature["a" /* default */]({
           title: "要素点",
@@ -457952,14 +457961,19 @@ var Cluster_Cluster = /** @class */ (function (_super) {
         feature.set("longitude", data.longitude);
         feature.set("latitude", data.latitude);
         feature.set("isVisible", false);
+        feature.set("layerId", id);
         let styleWithoutText = new Style["default"]({
           image: new Icon["default"]({
             src: data.iconUrl,
             scale: data.scale,
+            offset: data.offset,
+            offsetOrigin: "bottom-right",
+            size: data.size,
           }),
         });
         feature.setStyle(styleWithoutText);
-        this.sourceWithoutText.addFeature(feature);
+        sourceWithoutText.addFeature(feature);
+        this.sourceWithoutTextList.push(sourceWithoutText);
       });
       pointsObj.pointList.forEach((data) => {
         let feature = new ol_Feature["a" /* default */]({
@@ -457973,10 +457987,14 @@ var Cluster_Cluster = /** @class */ (function (_super) {
         feature.set("longitude", data.longitude);
         feature.set("latitude", data.latitude);
         feature.set("isVisible", false);
+        feature.set("layerId", id);
         let styleWithText = new Style["default"]({
           image: new Icon["default"]({
             src: data.iconUrl,
             scale: data.scale,
+            offset: data.offset,
+            offsetOrigin: "bottom-right",
+            size: data.size,
           }),
           text: new style_Text["default"]({
             text: data.otherInfo.stake,
@@ -457995,7 +458013,8 @@ var Cluster_Cluster = /** @class */ (function (_super) {
           }),
         });
         feature.setStyle(styleWithText);
-        this.sourceWithText.addFeature(feature);
+        sourceWithText.addFeature(feature);
+        this.sourceWithTextList.push(sourceWithText);
       });
       if (isCluster) {
         this.customLayer = new layer_Vector["default"]({
@@ -458005,12 +458024,15 @@ var Cluster_Cluster = /** @class */ (function (_super) {
             const size = feature.get("features").length;
             let style;
             if (size > 1) {
-              style = new Style["default"]({
+              let circleStyle = new Style["default"]({
                 image: new style_Circle["default"]({
-                  // 圆形
-                  radius: 18,
+                  radius: 20,
                   fill: new Fill["default"]({
-                    color: [255, 160, 0, 0.7],
+                    color: [255, 255, 255, 0.4],
+                  }),
+                  stroke: new Stroke["default"]({
+                    color: [255, 255, 255, 0.7],
+                    width: 1,
                   }),
                 }),
                 text: new style_Text["default"]({
@@ -458018,14 +458040,81 @@ var Cluster_Cluster = /** @class */ (function (_super) {
                     color: "#ffffff",
                   }),
                   offsetY: 2,
-                  font: "bold 14px sans-serif",
-                  text:
-                    size > 1
-                      ? size.toString()
-                      : feature.get("features")[0].values_.name,
+                  font: "14px sans-serif",
+                  text: size.toString(),
                 }),
               });
-              return style;
+              let imageStyle1 = new Style["default"]({
+                image: new Icon["default"]({
+                  src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzNCA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjMwOyYjMTUwOyYjMTg5OyYjMjI5OyYjMTgzOyYjMTY1OyIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ0M18zNDkpIj4KPGcgaWQ9IiYjMjMzOyYjMTYxOyYjMTgxOyYjMjMzOyYjMTU3OyYjMTYyOy0xIj4KPGcgaWQ9IiYjMjMzOyYjMTY2OyYjMTUwOyYjMjMzOyYjMTYxOyYjMTgxOy0mIzIzMTsmIzE1MzsmIzE4OTsmIzIzMjsmIzEzNzsmIzE3ODsmIzIyOTsmIzE4NTsmIzE3OTsmIzIzMzsmIzE1NzsmIzE2MjsxIj4KPGcgaWQ9IiYjMjI5OyYjMTU1OyYjMTkwOyYjMjMwOyYjMTYwOyYjMTM1OyI+CjxnIGlkPSImIzIzMDsmIzE1MDsmIzE4OTsmIzIyOTsmIzE4MzsmIzE2NTtfMiI+CjxnIGlkPSImIzIzMDsmIzE2NDsmIzE3MzsmIzIyOTsmIzE1NjsmIzEzNDsmIzIyOTsmIzE4OTsmIzE2MjsiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTcgMzNDMjUuODM2NiAzMyAzMyAyNS44MzY2IDMzIDE3QzMzIDguMTYzNDQgMjUuODM2NiAxIDE3IDFDOC4xNjM0NCAxIDEgOC4xNjM0NCAxIDE3QzEgMjUuODM2NiA4LjE2MzQ0IDMzIDE3IDMzWiIgZmlsbD0id2hpdGUiLz4KPGcgaWQ9IlZlY3Rvcl8yIiBmaWx0ZXI9InVybCgjZmlsdGVyMF9pXzQ0M18zNDkpIj4KPHBhdGggZD0iTTE3IDMzQzI1LjgzNjYgMzMgMzMgMjUuODM2NiAzMyAxN0MzMyA4LjE2MzQ0IDI1LjgzNjYgMSAxNyAxQzguMTYzNDQgMSAxIDguMTYzNDQgMSAxN0MxIDI1LjgzNjYgOC4xNjM0NCAzMyAxNyAzM1oiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl8zIiBkPSJNMTcgMzNDMjUuODM2NiAzMyAzMyAyNS44MzY2IDMzIDE3QzMzIDguMTYzNDQgMjUuODM2NiAxIDE3IDFDOC4xNjM0NCAxIDEgOC4xNjM0NCAxIDE3QzEgMjUuODM2NiA4LjE2MzQ0IDMzIDE3IDMzWiIgc3Ryb2tlPSIjQkVBMDE5IiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L2c+CjxnIGlkPSImIzIyODsmIzE4NDsmIzEzNzsmIzIzMjsmIzE2NzsmIzE0NjsmIzIyOTsmIzE4OTsmIzE2MjsiPgo8cGF0aCBpZD0iVmVjdG9yXzQiIGQ9Ik0xNyA0MUwyMSAzNUgxM0wxNyA0MVoiIGZpbGw9IndoaXRlIi8+CjxnIGlkPSJWZWN0b3JfNSIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfaV80NDNfMzQ5KSI+CjxwYXRoIGQ9Ik0xNyA0MUwyMSAzNUgxM0wxNyA0MVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl82IiBkPSJNMTcgNDFMMjEgMzVIMTNMMTcgNDFaIiBzdHJva2U9IiNCRUEwMTkiIHN0cm9rZS13aWR0aD0iMC41Ii8+CjwvZz4KPGcgaWQ9IiYjMjMwOyYjMTY0OyYjMTczOyYjMjI5OyYjMTU2OyYjMTM0OyYjMjI5OyYjMTg5OyYjMTYyO18yIj4KPHBhdGggaWQ9IlZlY3Rvcl83IiBkPSJNMTcgMzBDMjQuMTc5NyAzMCAzMCAyNC4xNzk3IDMwIDE3QzMwIDkuODIwMyAyNC4xNzk3IDQgMTcgNEM5LjgyMDMgNCA0IDkuODIwMyA0IDE3QzQgMjQuMTc5NyA5LjgyMDMgMzAgMTcgMzBaIiBmaWxsPSIjQkVBMDE5Ii8+CjxnIGlkPSJWZWN0b3JfOCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfaV80NDNfMzQ5KSI+CjxwYXRoIGQ9Ik0xNyAzMEMyNC4xNzk3IDMwIDMwIDI0LjE3OTcgMzAgMTdDMzAgOS44MjAzIDI0LjE3OTcgNCAxNyA0QzkuODIwMyA0IDQgOS44MjAzIDQgMTdDNCAyNC4xNzk3IDkuODIwMyAzMCAxNyAzMFoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl85IiBkPSJNMTcgMzBDMjQuMTc5NyAzMCAzMCAyNC4xNzk3IDMwIDE3QzMwIDkuODIwMyAyNC4xNzk3IDQgMTcgNEM5LjgyMDMgNCA0IDkuODIwMyA0IDE3QzQgMjQuMTc5NyA5LjgyMDMgMzAgMTcgMzBaIiBzdHJva2U9IiNENEM0N0YiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV80NDNfMzQ5IiB4PSIxIiB5PSIxIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjc0NTA5OCAwIDAgMCAwIDAuNjI3NDUxIDAgMCAwIDAgMC4wOTgwMzkyIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd180NDNfMzQ5Ii8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2lfNDQzXzM0OSIgeD0iMTMiIHk9IjM1IiB3aWR0aD0iOCIgaGVpZ2h0PSI2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC43NDUwOTggMCAwIDAgMCAwLjYyNzQ1MSAwIDAgMCAwIDAuMDk4MDM5MiAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfNDQzXzM0OSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMl9pXzQ0M18zNDkiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNC41Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC44MzEzNzMgMCAwIDAgMCAwLjc2ODYyNyAwIDAgMCAwIDAuNDk4MDM5IDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd180NDNfMzQ5Ii8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ0M18zNDkiPgo8cmVjdCB3aWR0aD0iMzQiIGhlaWdodD0iNDIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==",
+                }),
+                text: new style_Text["default"]({
+                  fill: new Fill["default"]({
+                    color: "#ffffff",
+                  }),
+                  offsetY: -2,
+                  font: "14px sans-serif",
+                  text: size.toString(),
+                }),
+              });
+              let imageStyle2 = new Style["default"]({
+                image: new Icon["default"]({
+                  src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzNCA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjMwOyYjMTQ5OyYjMTMzOyYjMjMzOyYjMTU0OyYjMTU2OyIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ0M18zMTApIj4KPGcgaWQ9IiYjMjMzOyYjMTYxOyYjMTgxOyYjMjMzOyYjMTU3OyYjMTYyOy0xIj4KPGcgaWQ9IiYjMjMzOyYjMTY2OyYjMTUwOyYjMjMzOyYjMTYxOyYjMTgxOy0mIzIzMTsmIzE1MzsmIzE4OTsmIzIzMjsmIzEzNzsmIzE3ODsmIzIyOTsmIzE4NTsmIzE3OTsmIzIzMzsmIzE1NzsmIzE2MjsxIj4KPGcgaWQ9IiYjMjI5OyYjMTU1OyYjMTkwOyYjMjMwOyYjMTYwOyYjMTM1OyI+CjxnIGlkPSImIzIzMDsmIzE0OTsmIzEzMzsmIzIzMzsmIzE1NDsmIzE1NjtfMiI+CjxnIGlkPSImIzIzMDsmIzE2NDsmIzE3MzsmIzIyOTsmIzE1NjsmIzEzNDsmIzIyOTsmIzE4OTsmIzE2MjsiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTcgMzNDMjUuODM2NiAzMyAzMyAyNS44MzY2IDMzIDE3QzMzIDguMTYzNDQgMjUuODM2NiAxIDE3IDFDOC4xNjM0NCAxIDEgOC4xNjM0NCAxIDE3QzEgMjUuODM2NiA4LjE2MzQ0IDMzIDE3IDMzWiIgZmlsbD0id2hpdGUiLz4KPGcgaWQ9IlZlY3Rvcl8yIiBmaWx0ZXI9InVybCgjZmlsdGVyMF9pXzQ0M18zMTApIj4KPHBhdGggZD0iTTE3IDMzQzI1LjgzNjYgMzMgMzMgMjUuODM2NiAzMyAxN0MzMyA4LjE2MzQ0IDI1LjgzNjYgMSAxNyAxQzguMTYzNDQgMSAxIDguMTYzNDQgMSAxN0MxIDI1LjgzNjYgOC4xNjM0NCAzMyAxNyAzM1oiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl8zIiBkPSJNMTcgMzNDMjUuODM2NiAzMyAzMyAyNS44MzY2IDMzIDE3QzMzIDguMTYzNDQgMjUuODM2NiAxIDE3IDFDOC4xNjM0NCAxIDEgOC4xNjM0NCAxIDE3QzEgMjUuODM2NiA4LjE2MzQ0IDMzIDE3IDMzWiIgc3Ryb2tlPSIjRTQ0QjAwIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L2c+CjxnIGlkPSImIzIyODsmIzE4NDsmIzEzNzsmIzIzMjsmIzE2NzsmIzE0NjsmIzIyOTsmIzE4OTsmIzE2MjsiPgo8cGF0aCBpZD0iVmVjdG9yXzQiIGQ9Ik0xNyA0MUwyMSAzNUgxM0wxNyA0MVoiIGZpbGw9IndoaXRlIi8+CjxnIGlkPSJWZWN0b3JfNSIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfaV80NDNfMzEwKSI+CjxwYXRoIGQ9Ik0xNyA0MUwyMSAzNUgxM0wxNyA0MVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl82IiBkPSJNMTcgNDFMMjEgMzVIMTNMMTcgNDFaIiBzdHJva2U9IiNFNDRCMDAiIHN0cm9rZS13aWR0aD0iMC41Ii8+CjwvZz4KPGcgaWQ9IiYjMjMwOyYjMTY0OyYjMTczOyYjMjI5OyYjMTU2OyYjMTM0OyYjMjI5OyYjMTg5OyYjMTYyO18yIj4KPHBhdGggaWQ9IlZlY3Rvcl83IiBkPSJNMTcgMzBDMjQuMTc5NyAzMCAzMCAyNC4xNzk3IDMwIDE3QzMwIDkuODIwMyAyNC4xNzk3IDQgMTcgNEM5LjgyMDMgNCA0IDkuODIwMyA0IDE3QzQgMjQuMTc5NyA5LjgyMDMgMzAgMTcgMzBaIiBmaWxsPSIjRTQ0QjAwIi8+CjxnIGlkPSJWZWN0b3JfOCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfaV80NDNfMzEwKSI+CjxwYXRoIGQ9Ik0xNyAzMEMyNC4xNzk3IDMwIDMwIDI0LjE3OTcgMzAgMTdDMzAgOS44MjAzIDI0LjE3OTcgNCAxNyA0QzkuODIwMyA0IDQgOS44MjAzIDQgMTdDNCAyNC4xNzk3IDkuODIwMyAzMCAxNyAzMFoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl85IiBkPSJNMTcgMzBDMjQuMTc5NyAzMCAzMCAyNC4xNzk3IDMwIDE3QzMwIDkuODIwMyAyNC4xNzk3IDQgMTcgNEM5LjgyMDMgNCA0IDkuODIwMyA0IDE3QzQgMjQuMTc5NyA5LjgyMDMgMzAgMTcgMzBaIiBzdHJva2U9IiNGRjY3MDAiLz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV80NDNfMzEwIiB4PSIxIiB5PSIxIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMC40MDM5MjIgMCAwIDAgMCAwIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd180NDNfMzEwIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2lfNDQzXzMxMCIgeD0iMTMiIHk9IjM1IiB3aWR0aD0iOCIgaGVpZ2h0PSI2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC44OTQxMTggMCAwIDAgMCAwLjI5NDExOCAwIDAgMCAwIDAgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzQ0M18zMTAiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjJfaV80NDNfMzEwIiB4PSI0IiB5PSI0IiB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjQuNSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAwLjQwMzkyMiAwIDAgMCAwIDAgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzQ0M18zMTAiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDQzXzMxMCI+CjxyZWN0IHdpZHRoPSIzNCIgaGVpZ2h0PSI0MiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K",
+                }),
+                text: new style_Text["default"]({
+                  fill: new Fill["default"]({
+                    color: "#ffffff",
+                  }),
+                  offsetY: -2,
+                  font: "14px sans-serif",
+                  text: size.toString(),
+                }),
+              });
+              if (that.map.getView().getZoom() < 18) {
+                return circleStyle;
+              } else {
+                let point = feature.get("features")[0].getProperties();
+                let stakeFeature = new ol_Feature["a" /* default */]({
+                  title: "共杆桩号",
+                  geometry: new geom_Point["default"](
+                    Object(ol_proj["fromLonLat"])([point.longitude, point.latitude])
+                  ),
+                });
+                let featrueWithText = new Style["default"]({
+                  text: new style_Text["default"]({
+                    text: point.otherInfo.stake,
+                    offsetY: 30,
+                    fill: new Fill["default"]({ color: "#f8f6e6" }),
+                    font: "13px Calibri,sans-serif",
+                    backgroundFill: new Fill["default"]({ color: "rgba(50, 35, 5, 0.7)" }),
+                    backgroundStroke: new Stroke["default"]({
+                      color: "#c7b838",
+                      width: 1,
+                      lineDash: [4, 4],
+                    }),
+                    textAlign: "center",
+                    textBaseline: "middle",
+                    padding: [2, 1, 1, 2],
+                  }),
+                });
+                stakeFeature.setStyle(featrueWithText);
+                gongganTextSource.addFeature(stakeFeature);
+                gongganTextLayer.setSource(gongganTextSource);
+                let bz = 1;
+                feature.get("features").forEach((e) => {
+                  let state = e.getProperties().otherInfo.state;
+                  if (state === 1) {
+                    bz = 1;
+                  } else {
+                    bz = 0;
+                  }
+                });
+                if (bz === 1) {
+                  return imageStyle1;
+                } else {
+                  return imageStyle2;
+                }
+              }
             } else {
               style = feature.get("features")[0].getStyle();
               return style;
@@ -458035,7 +458124,7 @@ var Cluster_Cluster = /** @class */ (function (_super) {
         const clusterSource = new source_Cluster({
           distance: 50,
           minDistance: 200,
-          source: this.sourceWithoutText,
+          source: sourceWithoutText,
         });
         if (foundLayer) {
           foundLayer.setSource(clusterSource);
@@ -458048,9 +458137,9 @@ var Cluster_Cluster = /** @class */ (function (_super) {
           zIndex: 999,
         });
         if (foundLayer) {
-          foundLayer.setSource(this.sourceWithoutText);
+          foundLayer.setSource(sourceWithoutText);
         } else {
-          this.customLayer.setSource(this.sourceWithoutText);
+          this.customLayer.setSource(sourceWithoutText);
         }
       }
       if (!foundLayer) {
@@ -458095,6 +458184,12 @@ var Cluster_Cluster = /** @class */ (function (_super) {
         }
       }
       this.map.removeLayer(foundLayer);
+      this.findLayerByName(layerName + "_Text").setVisible(false);
+      this.gongganTextLayerList.forEach(e => {
+        if (e.getProperties().layerName === layerName+"_Text") {
+          e.set("isvis", false)
+        }
+      });
       this.closePopup();
     },
     findLayerByName(layerName) {
@@ -458109,34 +458204,70 @@ var Cluster_Cluster = /** @class */ (function (_super) {
       }
       return foundLayer;
     },
+    isLayerInMap(layer) {
+      var layersArray = this.map.getLayers().getArray();
+      return layersArray.some(function (mapLayer) {
+        return mapLayer === layer;
+      });
+    },
     pileIsShow(layerName, isShow) {
-      if(this.findLayerByName(layerName)){
+      if (this.findLayerByName(layerName)) {
+        let newSourceWithout = null;
+        let newSourceWith = null;
+        this.sourceWithoutTextList.forEach((e) => {
+          let lid = e.getFeatures()[0].getProperties().layerId;
+          if (lid === layerName) {
+            newSourceWithout = e;
+          }
+        });
+        this.sourceWithTextList.forEach((e) => {
+          let lid = e.getFeatures()[0].getProperties().layerId;
+          if (lid === layerName) {
+            newSourceWith = e;
+          }
+        });
         if (this.isCluster) {
           if (!isShow) {
             const newclusterSource = new source_Cluster({
               distance: 50,
               minDistance: 200,
-              source: this.sourceWithoutText,
+              source: newSourceWithout,
             });
             this.findLayerByName(layerName).setSource(newclusterSource);
+            this.findLayerByName(layerName + "_Text").setVisible(false);
+            this.gongganTextLayerList.forEach(e => {
+              if (e.getProperties().layerName === layerName+"_Text") {
+                e.set("isvis", false)
+              }
+            });
+            this.gongganTextLayerShow = false;
           } else {
             const newclusterSource = new source_Cluster({
               distance: 50,
               minDistance: 200,
-              source: this.sourceWithText,
+              source: newSourceWith,
             });
             this.findLayerByName(layerName).setSource(newclusterSource);
+            if (this.map.getView().getZoom() >= 18) {
+              this.findLayerByName(layerName + "_Text").setVisible(true);
+              this.gongganTextLayerList.forEach(e => {
+                if (e.getProperties().layerName === layerName+"_Text") {
+                  e.set("isvis", true)
+                }
+              });
+            }
+            this.gongganTextLayerShow = true;
           }
         } else {
           if (!isShow) {
-            this.findLayerByName(layerName).setSource(this.sourceWithoutText);
+            this.findLayerByName(layerName).setSource(newSourceWithout);
           } else {
-            this.findLayerByName(layerName).setSource(this.sourceWithText);
+            this.findLayerByName(layerName).setSource(newSourceWith);
           }
         }
-      }else{
-        console.log('未找到该图层');
-        return '未找到该图层'
+      } else {
+        console.log("未找到该图层");
+        return "未找到该图层";
       }
     },
   },
@@ -458643,6 +458774,22 @@ if (typeof window !== 'undefined' && window.Vue) {
 
 
 
+/***/ }),
+
+/***/ "fae9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("6b64");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("9bb771c0", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "faf4":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gis-map-universal",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "GIS通用组件",
   "main": "gismap.umd.js",
   "private": false,