mirage2d 1.1.38 → 1.1.39

package/dist/mirage2d.es.js

@@ -35613,12 +35613,19 @@ class baseLayer extends base {
     __publicField(this, "layer");
     __publicField(this, "layerclass");
     __publicField(this, "_isShow");
+    __publicField(this, "_isAdded");
+    __publicField(this, "option");
     this.layerid = layerid;
     this.layerclass = "";
+    this._isAdded = false;
     this._map = null;
     this.contextmenuitems = [];
     this.contextmenu = null;
     this.EventType = EventType;
+    let mOption = {
+      radio: false
+    };
+    this.option = Object.assign({}, mOption, Options);
   }
   initContextmenu(menuitems) {
     this.contextmenu = new Base({
@@ -35681,6 +35688,12 @@ class baseLayer extends base {
   get show() {
     return this.layer.getVisible();
   }
+  set isAdded(isadded) {
+    this._isAdded = isadded;
+  }
+  get isAdded() {
+    return this._isAdded;
+  }
 }
 var featuretype;
 (function(featuretype2) {
@@ -79743,7 +79756,6 @@ class baseGraphicLayer extends baseLayer {
     __publicField(this, "_source");
     __publicField(this, "_draw");
     __publicField(this, "_tipPoint");
-    __publicField(this, "option");
     this.option = {
       autoPointSize: false,
       enabledRightMenu: false,
@@ -80483,8 +80495,10 @@ class baseGraphicLayer extends baseLayer {
   appendTo(map6) {
     var _a2;
     this._map = map6;
-    if (this.layer)
+    if (this.layer) {
       (_a2 = this._map) == null ? void 0 : _a2.addLayer(this.layer);
+      this.isAdded = true;
+    }
     this.initSelect();
     this._map.on("singleclick", (evt) => {
       var _a3;
@@ -86340,10 +86354,21 @@ class baseTileLayer extends baseLayer {
     __publicField(this, "erode");
     __publicField(this, "erodeFilter");
     __publicField(this, "paperFilter");
+    __publicField(this, "mImageExtent");
     this.layerclass = "tilelayer";
+    this.mImageExtent = null;
+    this.option = { zIndex: 900, projection: "EPSG:3857", url: "", ImageExtent: null, ImageExtentWKID: crsType.EPSG3857, opacity: 1 };
+    this.option = Object.assign({}, this.option, Options);
+    if (this.option.ImageExtent) {
+      this.mImageExtent = [this.option.ImageExtent.xmin, this.option.ImageExtent.ymin, this.option.ImageExtent.xmax, this.option.ImageExtent.ymax];
+      if (this.option.ImageExtentWKID == crsType.EPSG4326) {
+        this.mImageExtent = transformExtent(this.mImageExtent, "EPSG:4326", "EPSG:3857");
+      }
+    }
   }
   appendTo(map6, graphicLayer, selectTransform) {
     map6.addLayer(this.layer);
+    this.isAdded = true;
   }
   addFilter(option) {
     let set3 = {
@@ -86507,12 +86532,9 @@ class baseTileLayer extends baseLayer {
 class ArcGisTileXyzLayer extends baseTileLayer {
   constructor(layerid, Options) {
     super(layerid, Options);
-    __publicField(this, "option");
     this.layerid = layerid;
     this.layertype = "TileXyzLayer";
     let that = this;
-    this.option = { zIndex: 900 };
-    this.option = Object.assign({}, this.option, Options);
     this.layerSource = new XYZ$1({
       tileUrlFunction: function(tileCoord, pixelRatio, proj2) {
         var x2 = "C" + that.padLeft(tileCoord[1], 8, 16);
@@ -86527,8 +86549,8 @@ class ArcGisTileXyzLayer extends baseTileLayer {
       source: this.layerSource
     });
     this.layer.set("layerid", layerid);
-    if (Options.ImageExtent) {
-      this.layer.setExtent(transformExtent(Options.ImageExtent, "EPSG:4326", "EPSG:3857"));
+    if (this.mImageExtent) {
+      this.layer.setExtent(this.mImageExtent);
     }
     this.layerSource.on("tileloadstart", function() {
     });
@@ -86551,8 +86573,8 @@ class ArcGisMapServerLayer extends baseTileLayer {
       source: this.layerSource
     });
     this.layer.set("layerid", layerid);
-    if (Options.ImageExtent) {
-      this.layer.setExtent(transformExtent(Options.ImageExtent, "EPSG:4326", "EPSG:3857"));
+    if (this.mImageExtent) {
+      this.layer.setExtent(this.mImageExtent);
     }
     this.layerSource.on("tileloadstart", function() {
     });
@@ -88483,7 +88505,7 @@ class TileXyzLayer extends baseTileLayer {
     super(layerid, Options);
     __publicField(this, "projection");
     this.layertype = "TileXyzLayer";
-    this.projection = "EPSG:3857";
+    this.projection = this.option.projection;
     if (Options.chinaCRS == "GCJ02") {
       this.setGCJ02();
     }
@@ -88498,8 +88520,8 @@ class TileXyzLayer extends baseTileLayer {
       useInterimTilesOnError: false
     });
     this.layer.set("layerid", layerid);
-    if (Options.ImageExtent) {
-      this.layer.setExtent(transformExtent(Options.ImageExtent, "EPSG:4326", "EPSG:3857"));
+    if (this.mImageExtent) {
+      this.layer.setExtent(this.mImageExtent);
     }
     this.layerSource.on("tileloadstart", function() {
     });
@@ -88653,18 +88675,11 @@ class TileGroupLayer extends baseTileLayer {
 class imageLayer extends baseTileLayer {
   constructor(layerid, options) {
     super(layerid, options);
-    __publicField(this, "option");
-    this.option = { zIndex: 900, projection: "EPSG:3857", url: "", ImageExtent: null, ImageExtentWKID: crsType.EPSG3857, opacity: 1 };
-    this.option = Object.assign({}, this.option, options);
-    let mImageExtent = [this.option.ImageExtent.xmin, this.option.ImageExtent.ymin, this.option.ImageExtent.xmax, this.option.ImageExtent.ymax];
-    if (this.option.ImageExtentWKID == crsType.EPSG4326) {
-      mImageExtent = transformExtent(mImageExtent, "EPSG:4326", "EPSG:3857");
-    }
     this.layertype = "imageLayer";
     this.layerSource = new Static$1({
       url: this.option.url,
       projection: this.option.projection,
-      imageExtent: mImageExtent
+      imageExtent: this.mImageExtent
     });
     this.layer = new ol_layer_Image({
       source: this.layerSource,
@@ -88678,9 +88693,6 @@ class imageLayer extends baseTileLayer {
     this.layerSource.on("tileloaderror", function() {
     });
   }
-  appendTo(map6) {
-    map6.addLayer(this.layer);
-  }
 }
 function _typeof$2(obj) {
   "@babel/helpers - typeof";
@@ -102050,7 +102062,7 @@ class Locationbar extends ol_control_Control {
   }
 }
 class baseLayerSwitch extends ol_control_Control {
-  constructor(opt_options, baseLayerList, xmap) {
+  constructor(opt_options, baseLayerList, setBaseLayer) {
     const options = opt_options || {};
     const mianImage = new Image();
     mianImage.src = "image/basemaps/bingimage.png";
@@ -102084,7 +102096,7 @@ class baseLayerSwitch extends ol_control_Control {
         dropDown.className = "mirage-mapswitch-baseLayerPicker-dropDown";
         mianImage.src = e2.currentTarget.children[0].src;
         mianLabel.innerHTML = e2.currentTarget.innerText;
-        xmap.setBaseLayer(e2.currentTarget.innerText);
+        setBaseLayer(e2.currentTarget.innerText);
       }, false);
       dropDown.appendChild(selectedItem);
     });
@@ -102467,21 +102479,59 @@ ol_control_Swipe.prototype.postcompose = function(e2) {
     }
   }
 };
-class swipeControl {
-  constructor(map6) {
-    __publicField(this, "_xmap");
+class eventTarget {
+  constructor() {
+    __publicField(this, "events", new Map());
+  }
+  on(type, handler, once) {
+    if (!this.events.has(type)) {
+      this.events.set(type, []);
+    }
+    (this.events.get(type) || []).push({
+      handler,
+      once
+    });
+    return () => {
+      this.off(type, handler);
+    };
+  }
+  once(type, handler) {
+    return this.on(type, handler, true);
+  }
+  fire(type, ...args) {
+    let i2 = 0;
+    while (i2 < (this.events.get(type) || []).length) {
+      const handlers = this.events.get(type) || [];
+      const { handler, once } = handlers[i2];
+      if (once) {
+        handlers.splice(i2--, 1);
+      }
+      i2++;
+      handler(...args);
+    }
+  }
+  off(type, handler) {
+    if (!type)
+      return;
+    if (!handler) {
+      this.events.set(type, []);
+      return;
+    }
+    this.events.set(type, (this.events.get(type) || []).filter((item) => item.handler !== handler));
+  }
+}
+class swipeControl extends eventTarget {
+  constructor() {
+    super();
     __publicField(this, "_swipe");
-    this._xmap = map6;
     this._swipe = new ol_control_Swipe();
   }
   show(leftlayerID, rightlayerID, orientation2 = "vertical") {
-    this._xmap.getMap().addControl(this._swipe);
-    this._swipe.addLayer(this._xmap.getLayer(leftlayerID), false);
-    this._swipe.addLayer(this._xmap.getLayer(rightlayerID), true);
+    this.fire("show", { swipe: this._swipe, leftlayerID, rightlayerID });
     this._swipe.set("orientation", orientation2);
   }
   hide() {
-    this._xmap.getMap().removeControl(this._swipe);
+    this.fire("hide", this._swipe);
   }
 }
 var ol_interaction_Transform = function(options) {
@@ -103526,6 +103576,9 @@ class MirageMap extends baseMap {
     __publicField(this, "controls");
     __publicField(this, "selectTransform");
     __publicField(this, "Proj");
+    this._layerArray = [];
+    this.baseLayer = [];
+    this._view = null;
     this._mapOption = {
       zoom: 13,
       center: { lng: 102.103952024454, lat: 26.1693520685273 },
@@ -103577,9 +103630,36 @@ class MirageMap extends baseMap {
     }
     if (option.map) {
       this._mapOption = option.map;
-      this._mapOption.basemaps.forEach((element) => {
-        if (!element.id) {
-          element.id = toolbox.uuid15();
+      this._mapOption.basemaps.forEach((layer) => {
+        if (!layer.id) {
+          layer.id = toolbox.uuid15();
+        }
+        if (this._mapOption.basemap === layer.name) {
+          layer.id = "baselayer";
+        }
+        let mlayer;
+        switch (layer.type) {
+          case layertype.TileGroupLayer:
+            if (layer.layers) {
+              mlayer = new TileGroupLayer(layer.id, layer);
+            }
+            break;
+          case layertype.arcgisMapServer:
+            mlayer = new ArcGisMapServerLayer(layer.id, layer);
+            break;
+          case layertype.arcgisMapTile:
+            mlayer = new ArcGisTileXyzLayer(layer.id, layer);
+            break;
+          case layertype.imageLayer:
+            mlayer = new imageLayer(layer.id, layer);
+            break;
+          default:
+            mlayer = new TileXyzLayer(layer.id, layer);
+            break;
+        }
+        this._layerArray.push(mlayer);
+        if (this._mapOption.basemap === layer.name) {
+          this.baseLayer.push(mlayer.layer);
         }
       });
     }
@@ -103592,13 +103672,19 @@ class MirageMap extends baseMap {
         return;
       }
       console.info(user.showlog, "color:orange;font-weight:bold;font-size:14px;", "color:blue;font-size:12px;line-height:20px;");
-      this._layerArray = [];
-      this._view = null;
       this.controls = {
         locationbar: null,
         baseLayerSwitch: null,
-        swipe: new swipeControl(this)
+        swipe: new swipeControl()
       };
+      this.controls.swipe.on("show", (e2) => {
+        this._map.addControl(e2.swipe);
+        e2.swipe.addLayer(this.getLayer(e2.leftlayerID), false);
+        e2.swipe.addLayer(this.getLayer(e2.rightlayerID), true);
+      });
+      this.controls.swipe.on("hide", (swipe) => {
+        this._map.removeControl(swipe);
+      });
       this.Proj = new proj();
       this.init(mapID);
     } else {
@@ -103659,7 +103745,6 @@ class MirageMap extends baseMap {
         }
       }
     });
-    this.baseLayer = this.initLayer();
     this._map = new ol_Map({
       controls: defaults$1({ zoom: false }),
       target: mapID,
@@ -103679,7 +103764,9 @@ class MirageMap extends baseMap {
         this._map.addControl(this.controls.locationbar);
       }
     }
-    this.controls.baseLayerSwitch = new baseLayerSwitch({}, this._mapOption.basemaps, this);
+    this.controls.baseLayerSwitch = new baseLayerSwitch({}, this._mapOption.basemaps, (e2) => {
+      this.setBaseLayer(e2);
+    });
     this._map.addControl(this.controls.baseLayerSwitch);
     this._select = new Select$1({
       condition: pointerMove,
@@ -103914,11 +104001,6 @@ class MirageMap extends baseMap {
     });
     return control;
   }
-  initLayer() {
-    return [
-      this.getBaseLayer(this._mapOption.basemap)
-    ];
-  }
   setBaseLayerVisible(isshow = true) {
     let baselayer = this.getUserLayer("baselayer");
     baselayer.layer.setVisible(isshow);
@@ -103926,26 +104008,24 @@ class MirageMap extends baseMap {
   setBaseLayer(layername, maskOption) {
     if (this._map) {
       let layers = this._map.getLayers();
-      this._layerArray.forEach((layer, index2) => {
-        if (layer.layerid == "baselayer") {
-          this._layerArray.splice(index2, 1);
-        }
-      });
+      let baselayer = this.getBaseLayer(layername);
+      baselayer.layer.set("layerid", "baselayer");
       layers.forEach((layer, index2) => {
         if (layer.get("layerid") == "baselayer") {
           layers.remove(layer);
-          layers.insertAt(0, this.getBaseLayer(layername));
+          layers.insertAt(0, baselayer.layer);
         }
       });
-      let baselayer = this.getUserLayer("baselayer");
-      baselayer.addFilter(maskOption);
+      if (maskOption) {
+        baselayer.addFilter(maskOption);
+      }
     }
   }
   getMap() {
     return this._map;
   }
   getLayers() {
-    return this._mapOption.basemaps;
+    return this._layerArray;
   }
   getLayer(layerid) {
     if (this._map) {
@@ -103985,77 +104065,14 @@ class MirageMap extends baseMap {
   }
   getBaseLayer(layername) {
     let layerGroup;
-    this._mapOption.basemaps.forEach((layer) => {
-      if (layer.name == layername) {
-        switch (layer.type) {
-          case layertype.TileGroupLayer:
-            if (layer.layers) {
-              layerGroup = new TileGroupLayer("baselayer", layer);
-            }
-            break;
-          case layertype.arcgisMapServer:
-            layerGroup = new ArcGisMapServerLayer("baselayer", {
-              id: "baselayer",
-              name: layer.name,
-              url: layer.url,
-              ratio: 1,
-              params: {}
-            });
-            break;
-          case layertype.arcgisMapTile:
-            layerGroup = new ArcGisTileXyzLayer("baselayer", {
-              url: layer.url
-            });
-            break;
-          case layertype.imageLayer:
-            layerGroup = new imageLayer("baselayer", {
-              url: layer.url,
-              ImageExtent: layer.ImageExtent
-            });
-            break;
-          default:
-            layerGroup = new TileXyzLayer("baselayer", layer);
-            break;
-        }
-      }
+    layerGroup = this._layerArray.find(function(item, index2, arr) {
+      return item.option.name == layername;
     });
-    this._layerArray.push(layerGroup);
-    return layerGroup.layer;
+    layerGroup.layerid = "baselayer";
+    layerGroup.layer.set("layerid", "baselayer");
+    return layerGroup;
   }
   addLayer(layer) {
-    if (layer.type) {
-      let layerGroup;
-      switch (layer.type) {
-        case layertype.TileGroupLayer:
-          if (layer.layers) {
-            layerGroup = new TileGroupLayer(layer.id, layer);
-          }
-          break;
-        case layertype.arcgisMapServer:
-          layerGroup = new ArcGisMapServerLayer(layer.id, {
-            name: layer.name,
-            url: layer.url,
-            ratio: 1,
-            params: {}
-          });
-          break;
-        case layertype.arcgisMapTile:
-          layerGroup = new ArcGisTileXyzLayer(layer.id, {
-            url: layer.url
-          });
-          break;
-        case layertype.imageLayer:
-          layerGroup = new imageLayer(layer.id, {
-            url: layer.url,
-            ImageExtent: layer.ImageExtent
-          });
-          break;
-        default:
-          layerGroup = new TileXyzLayer(layer.id, layer);
-          break;
-      }
-      layer = layerGroup;
-    }
     layer.appendTo(this._map, this.GraphicLayer, this.selectTransform);
     this._layerArray.push(layer);
   }
@@ -105047,9 +105064,6 @@ class HeatmapLayer extends baseGraphicLayer {
     });
     this.layer.set("layerid", layerid);
   }
-  appendTo(map6) {
-    map6.addLayer(this.layer);
-  }
   setBlur(blur) {
     this.layer.setBlur(parseInt(blur, 10));
   }
@@ -105057,74 +105071,6 @@ class HeatmapLayer extends baseGraphicLayer {
     this.layer.setRadius(parseInt(radius, 10));
   }
 }
-class WmsLayer extends baseTileLayer {
-  constructor(layerid, Options) {
-    super(layerid, Options);
-    this.layertype = "ImageWMSLayer";
-    this.layerSource = new ImageWMS$1(Options);
-    this.layer = new ol_layer_Image({
-      source: this.layerSource
-    });
-    this.layer.set("layerid", layerid);
-    if (Options.ImageExtent) {
-      this.layer.setExtent(transformExtent(Options.ImageExtent, "EPSG:4326", "EPSG:3857"));
-    }
-    this.layerSource.on("tileloadstart", function() {
-    });
-    this.layerSource.on("tileloadend", function() {
-    });
-    this.layerSource.on("tileloaderror", function() {
-    });
-  }
-}
-class WmtsLayer extends baseTileLayer {
-  constructor(layerid, Options) {
-    super(layerid, Options);
-    __publicField(this, "option");
-    this.layertype = "ImageWMSLayer";
-    this.option = { zIndex: 900, ImageExtent: null, ImageExtentWKID: crsType.EPSG3857, opacity: 0.7, attributions: "", layer: "", url: "", matrixSet: "GoogleMapsCompatible", format: "image/png" };
-    this.option = Object.assign({}, this.option, Options);
-    const projection2 = get$5("EPSG:3857");
-    const projectionExtent = projection2.getExtent();
-    const size11 = getWidth(projectionExtent) / 256;
-    const resolutions = new Array(19);
-    const matrixIds = new Array(19);
-    for (let z2 = 0; z2 < 19; ++z2) {
-      resolutions[z2] = size11 / Math.pow(2, z2);
-      matrixIds[z2] = z2;
-    }
-    this.layerSource = new WMTS$1({
-      attributions: this.option.attributions,
-      url: this.option.url,
-      layer: this.option.layer,
-      matrixSet: this.option.matrixSet,
-      format: this.option.format,
-      projection: projection2,
-      tileGrid: new WMTSTileGrid$1({
-        origin: getTopLeft(projectionExtent),
-        resolutions,
-        matrixIds
-      }),
-      style: "default",
-      wrapX: true
-    });
-    this.layer = new TileLayer$2({
-      zIndex: this.option.zIndex,
-      opacity: this.option.opacity,
-      source: this.layerSource
-    });
-    this.layer.set("layerid", layerid);
-    if (Options.ImageExtent) {
-      this.layer.setExtent(transformExtent(Options.ImageExtent, "EPSG:4326", "EPSG:3857"));
-    }
-    this.layerSource.on("tileloadstart", function() {
-    });
-    this.layerSource.on("tileloadend", function() {
-    });
-    this.layerSource.on("tileloaderror", function() {
-    });
-  }
-}
 var XML_SCHEMA_INSTANCE_URI = "http://www.w3.org/2001/XMLSchema-instance";
 function createElementNS(namespaceURI, qualifiedName) {
   return getDocument().createElementNS(namespaceURI, qualifiedName);
@@ -111726,92 +111672,6 @@ class DayNightLayer extends baseGraphicLayer {
     this._source.setTime(value);
   }
 }
-class XWebGLPointsLayer extends baseLayer {
-  constructor(layerid, options) {
-    super(layerid, options);
-    this.layertype = "XWebGLPointsLayer";
-    this._source = new VectorSource$1({ wrapX: false });
-    var style2 = {
-      symbol: {
-        symbolType: "circle",
-        size: [
-          "interpolate",
-          ["exponential", 2.5],
-          ["zoom"],
-          2,
-          1,
-          12,
-          8,
-          16,
-          12
-        ],
-        color: "#ffed02",
-        offset: [0, 0],
-        opacity: 0.95
-      }
-    };
-    this.Layer = new WebGLPointsLayer$1({
-      source: this._source,
-      style: style2,
-      disableHitDetection: false,
-      colorCallback: function(feature2, vertex, component) {
-        debugger;
-        console.log("colorCallback");
-      },
-      attributes: [
-        {
-          name: "color",
-          callback: function(feature2) {
-            debugger;
-            console.log(feature2);
-          }
-        },
-        {
-          name: "size",
-          callback: function(feature2) {
-            debugger;
-            console.log(feature2);
-          }
-        },
-        {
-          name: "GraphicColor",
-          callback: function(feature2) {
-            debugger;
-            console.log(feature2);
-          }
-        }
-      ]
-    });
-    this.Layer.on(featureType.onClick, (e2) => {
-      if (e2.feature) {
-        this.trigger(featureType.onClick, e2.feature.getProperties());
-      }
-    });
-  }
-  appendTo(map6) {
-    var _a2;
-    this._map = map6;
-    (_a2 = this._map) == null ? void 0 : _a2.addLayer(this.Layer);
-  }
-  addGeoJson(classname, GeoJson) {
-    let FeaturesList = this.formatJsonTo3857(GeoJson);
-    this.addFeatures(classname, FeaturesList);
-  }
-  addFeatures(classname, FeaturesList) {
-    var _a2;
-    debugger;
-    let zoom = (_a2 = this._map) == null ? void 0 : _a2.getView().getZoom();
-    FeaturesList.forEach((feature2) => {
-      feature2.set("classname", classname);
-      if (!feature2.get("featuretype")) {
-        feature2.set("featuretype", featuretype.vector);
-      }
-      let sss = MirageDefaultStyle.getFeaturesDefaultStyle(feature2, zoom, false);
-      feature2.setStyle(sss);
-    });
-    this._source.addFeatures(FeaturesList);
-  }
-}
 class kmlLayer extends baseGraphicLayer {
   constructor(layerid, options) {
     super(layerid, options);
@@ -111836,45 +111696,6 @@ class kmlLayer extends baseGraphicLayer {
     });
   }
 }
-class TifLayer extends baseTileLayer {
-  constructor(layerid, options) {
-    super(layerid, options);
-    __publicField(this, "option");
-    this.option = { zIndex: 900, url: "", ImageExtent: null, ImageExtentWKID: crsType.EPSG3857 };
-    this.option = Object.assign({}, this.option, options);
-    if (this.option.ImageExtentWKID == crsType.EPSG4326) {
-      this.option.ImageExtent = transformExtent(this.option.ImageExtent, "EPSG:3857", "EPSG:4326");
-    }
-    this.layertype = "GeoTIFFLayer";
-    this.layerSource = new GeoTIFF({
-      sources: [
-        {
-          url: this.option.url
-        }
-      ]
-    });
-    this.layer = new TileLayer({
-      source: this.layerSource
-    });
-    this.layer.set("layerid", layerid);
-    if (this.option.ImageExtent) {
-      this.layer.setExtent(this.option.ImageExtent, "EPSG:4326", "EPSG:3857");
-    }
-    this.layerSource.on("tileloadstart", function() {
-    });
-    this.layerSource.on("tileloadend", function() {
-    });
-    this.layerSource.on("tileloaderror", function() {
-    });
-  }
-  padLeft(val, num, radix) {
-    let str = val.toString(radix || 10);
-    return (new Array(num).join("0") + str).slice(-num);
-  }
-  appendTo(map6) {
-    map6.addLayer(this.layer);
-  }
-}
 var ol_coordinate_dist2d = function(p110, p210) {
   var dx = p110[0] - p210[0];
   var dy = p110[1] - p210[1];
@@ -113379,12 +113200,6 @@ class PathLayer extends baseGraphicLayer {
     var path2 = pathfinder.findPath(p110, p210);
     console.log(path2);
   }
-  appendTo(map6) {
-    var _a2;
-    this._map = map6;
-    if (this.layer)
-      (_a2 = this._map) == null ? void 0 : _a2.addLayer(this.layer);
-  }
   addGeoJsonUrl(classname, url) {
     let rs = this.getFile(url, "text/json");
     let json = this.formatJsonTo3857(JSON.parse(rs));
@@ -113457,6 +113272,103 @@ class PathLayer extends baseGraphicLayer {
     });
   }
 }
+class WmsLayer extends baseTileLayer {
+  constructor(layerid, Options) {
+    super(layerid, Options);
+    this.layertype = "ImageWMSLayer";
+    this.layerSource = new ImageWMS$1(Options);
+    this.layer = new ol_layer_Image({
+      source: this.layerSource
+    });
+    this.layer.set("layerid", layerid);
+    if (this.mImageExtent) {
+      this.layer.setExtent(this.mImageExtent);
+    }
+    this.layerSource.on("tileloadstart", function() {
+    });
+    this.layerSource.on("tileloadend", function() {
+    });
+    this.layerSource.on("tileloaderror", function() {
+    });
+  }
+}
+class WmtsLayer extends baseTileLayer {
+  constructor(layerid, Options) {
+    super(layerid, Options);
+    this.layertype = "ImageWMSLayer";
+    let option = { opacity: 0.7, attributions: "", layer: "", matrixSet: "GoogleMapsCompatible", format: "image/png" };
+    this.option = Object.assign({}, option, Options);
+    const projection2 = get$5("EPSG:3857");
+    const projectionExtent = projection2.getExtent();
+    const size11 = getWidth(projectionExtent) / 256;
+    const resolutions = new Array(19);
+    const matrixIds = new Array(19);
+    for (let z2 = 0; z2 < 19; ++z2) {
+      resolutions[z2] = size11 / Math.pow(2, z2);
+      matrixIds[z2] = z2;
+    }
+    this.layerSource = new WMTS$1({
+      attributions: this.option.attributions,
+      url: this.option.url,
+      layer: this.option.layer,
+      matrixSet: this.option.matrixSet,
+      format: this.option.format,
+      projection: projection2,
+      tileGrid: new WMTSTileGrid$1({
+        origin: getTopLeft(projectionExtent),
+        resolutions,
+        matrixIds
+      }),
+      style: "default",
+      wrapX: true
+    });
+    this.layer = new TileLayer$2({
+      zIndex: this.option.zIndex,
+      opacity: this.option.opacity,
+      source: this.layerSource
+    });
+    this.layer.set("layerid", layerid);
+    if (this.mImageExtent) {
+      this.layer.setExtent(this.mImageExtent);
+    }
+    this.layerSource.on("tileloadstart", function() {
+    });
+    this.layerSource.on("tileloadend", function() {
+    });
+    this.layerSource.on("tileloaderror", function() {
+    });
+  }
+}
+class TifLayer extends baseTileLayer {
+  constructor(layerid, options) {
+    super(layerid, options);
+    this.layertype = "GeoTIFFLayer";
+    this.layerSource = new GeoTIFF({
+      sources: [
+        {
+          url: this.option.url
+        }
+      ]
+    });
+    this.layer = new TileLayer({
+      source: this.layerSource
+    });
+    this.layer.set("layerid", layerid);
+    if (this.mImageExtent) {
+      this.layer.setExtent(this.mImageExtent);
+    }
+    this.layerSource.on("tileloadstart", function() {
+    });
+    this.layerSource.on("tileloadend", function() {
+    });
+    this.layerSource.on("tileloaderror", function() {
+    });
+  }
+  padLeft(val, num, radix) {
+    let str = val.toString(radix || 10);
+    return (new Array(num).join("0") + str).slice(-num);
+  }
+}
 var ol_layer_GeoImage = function(options) {
   ol_layer_Image.call(this, options);
 };
@@ -113634,14 +113546,10 @@ ol_source_GeoImage.prototype.calculateExtent = function(usemask) {
 class GeoImageLayer extends baseTileLayer {
   constructor(layerid, options) {
     super(layerid, options);
-    __publicField(this, "option");
     __publicField(this, "GraphicLayer");
     __publicField(this, "graphic");
     __publicField(this, "mSelectTransform");
-    this.option = {
-      zIndex: 900,
-      projection: "EPSG:3857",
-      url: "",
+    let option = {
       imageCenter: [0, 0],
       imageScale: [1, 1],
       imageRotate: 0,
@@ -113649,14 +113557,14 @@ class GeoImageLayer extends baseTileLayer {
       opacity: 1,
       hashEdit: false
     };
-    this.option = Object.assign({}, this.option, options);
+    this.option = Object.assign({}, this.option, option);
     if (this.option.ImageExtentWKID == crsType.EPSG4326) {
       this.option.imageCenter = fromLonLat(this.option.imageCenter);
     }
     this.layertype = "GeoImageLayer";
     this.layerSource = new ol_source_GeoImage({
       url: this.option.url,
-      projection: this.option.projection,
+      imageMask: [],
       imageCenter: this.option.imageCenter,
       imageScale: this.option.imageScale,
       imageRotate: Number(this.option.imageRotate * Math.PI / 180)
@@ -113722,6 +113630,7 @@ class GeoImageLayer extends baseTileLayer {
   }
   appendTo(map6, mGraphicLayer, mSelectTransform) {
     map6.addLayer(this.layer);
+    this.isAdded = true;
     this.mSelectTransform = mSelectTransform;
     this.GraphicLayer = mGraphicLayer;
   }
@@ -113786,31 +113695,114 @@ class PbfLayer extends baseLayer {
     });
     this.layer.set("layerid", layerid);
   }
+}
+class XWebGLPointsLayer extends baseLayer {
+  constructor(layerid, options) {
+    super(layerid, options);
+    this.layertype = "XWebGLPointsLayer";
+    this._source = new VectorSource$1({ wrapX: false });
+    var style2 = {
+      symbol: {
+        symbolType: "circle",
+        size: [
+          "interpolate",
+          ["exponential", 2.5],
+          ["zoom"],
+          2,
+          1,
+          12,
+          8,
+          16,
+          12
+        ],
+        color: "#ffed02",
+        offset: [0, 0],
+        opacity: 0.95
+      }
+    };
+    this.Layer = new WebGLPointsLayer$1({
+      source: this._source,
+      style: style2,
+      disableHitDetection: false,
+      colorCallback: function(feature2, vertex, component) {
+        debugger;
+        console.log("colorCallback");
+      },
+      attributes: [
+        {
+          name: "color",
+          callback: function(feature2) {
+            debugger;
+            console.log(feature2);
+          }
+        },
+        {
+          name: "size",
+          callback: function(feature2) {
+            debugger;
+            console.log(feature2);
+          }
+        },
+        {
+          name: "GraphicColor",
+          callback: function(feature2) {
+            debugger;
+            console.log(feature2);
+          }
+        }
+      ]
+    });
+    this.Layer.on(featureType.onClick, (e2) => {
+      if (e2.feature) {
+        this.trigger(featureType.onClick, e2.feature.getProperties());
+      }
+    });
+  }
   appendTo(map6) {
-    map6.addLayer(this.layer);
+    var _a2;
+    this._map = map6;
+    (_a2 = this._map) == null ? void 0 : _a2.addLayer(this.Layer);
+  }
+  addGeoJson(classname, GeoJson) {
+    let FeaturesList = this.formatJsonTo3857(GeoJson);
+    this.addFeatures(classname, FeaturesList);
+  }
+  addFeatures(classname, FeaturesList) {
+    var _a2;
+    debugger;
+    let zoom = (_a2 = this._map) == null ? void 0 : _a2.getView().getZoom();
+    FeaturesList.forEach((feature2) => {
+      feature2.set("classname", classname);
+      if (!feature2.get("featuretype")) {
+        feature2.set("featuretype", featuretype.vector);
+      }
+      let sss = MirageDefaultStyle.getFeaturesDefaultStyle(feature2, zoom, false);
+      feature2.setStyle(sss);
+    });
+    this._source.addFeatures(FeaturesList);
   }
 }
 var index$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ClusterLayer,
   HeatmapLayer,
-  TileXyzLayer,
-  ArcGisMapServerLayer,
-  ArcGisTileXyzLayer,
-  WmsLayer,
-  WmtsLayer,
   WfsLayer,
   ClusterImageLayer,
   GraphicLayer,
   GraphicImageLayer,
   DayNightLayer,
-  XWebGLPointsLayer,
   kmlLayer,
-  TifLayer,
   PathLayer,
+  TileXyzLayer,
+  ArcGisMapServerLayer,
+  ArcGisTileXyzLayer,
+  WmsLayer,
+  WmtsLayer,
+  TifLayer,
   imageLayer,
   GeoImageLayer,
-  PbfLayer
+  PbfLayer,
+  XWebGLPointsLayer
 }, Symbol.toStringTag, { value: "Module" }));
 class tykg extends base {
   constructor() {
@@ -114028,47 +114020,6 @@ var resource = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   getJSON
 }, Symbol.toStringTag, { value: "Module" }));
-class eventTarget {
-  constructor() {
-    __publicField(this, "events", new Map());
-  }
-  on(type, handler, once) {
-    if (!this.events.has(type)) {
-      this.events.set(type, []);
-    }
-    (this.events.get(type) || []).push({
-      handler,
-      once
-    });
-    return () => {
-      this.off(type, handler);
-    };
-  }
-  once(type, handler) {
-    return this.on(type, handler, true);
-  }
-  fire(type, ...args) {
-    let i2 = 0;
-    while (i2 < (this.events.get(type) || []).length) {
-      const handlers = this.events.get(type) || [];
-      const { handler, once } = handlers[i2];
-      if (once) {
-        handlers.splice(i2--, 1);
-      }
-      i2++;
-      handler(...args);
-    }
-  }
-  off(type, handler) {
-    if (!type)
-      return;
-    if (!handler) {
-      this.events.set(type, []);
-      return;
-    }
-    this.events.set(type, (this.events.get(type) || []).filter((item) => item.handler !== handler));
-  }
-}
 class baseGaode {
   constructor(options) {
     __publicField(this, "option");