map-ol-utils 0.1.26 → 0.1.27

package/dist/index.cjs

@@ -455,13 +455,11 @@ var selectEventHandle = (vectorLayer, feature) => {
   }
   const isAutoFit = vectorLayer.get("_isAutoFit");
   if (isAutoFit) {
-    const [x, y] = (0, import_extent.getCenter)(feature.getGeometry().getExtent());
-    const [offsetX, offsetY] = vectorLayer.get("_offset") || [0, 0];
     const view = instance.getView();
     view.animate({
       duration: 1e3,
       zoom: view.getZoom(),
-      center: [x + offsetX, y + offsetY]
+      center: (0, import_extent.getCenter)(feature.getGeometry().getExtent())
     });
   }
 };
@@ -614,6 +612,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
     }
     massMarksLayer.setProperties({
       _isCustom: true,
+      _offset: offset,
       _hasLine: hasLine,
       _hasFace: hasFace,
       className: layerName,
@@ -662,7 +661,8 @@ var createClusterLayer = (dataList, config) => {
     openClick,
     buildStyle,
     singleStyles,
-    computedRadius
+    computedRadius,
+    layerName = "cluster-layer"
   } = config;
   const innerComputedRadius = (size) => Math.pow(size / count, 1 / 18);
   styleCache[1] = singleStyles;
@@ -705,6 +705,7 @@ var createClusterLayer = (dataList, config) => {
   };
   const vectorLayer = new import_Vector.default({
     zIndex: 200,
+    className: layerName,
     source: new import_Cluster.default({
       distance: distance || 80,
       minDistance: minDistance || 0,
@@ -738,7 +739,6 @@ var import_source2 = require("ol/source");
 var import_tilegrid = require("ol/tilegrid");
 var import_layer = require("ol/layer");
 var import_WMTS = __toESM(require("ol/tilegrid/WMTS"), 1);
-var import_WebGLTile = __toESM(require("ol/layer/WebGLTile"), 1);
 var createBaseLayer = (layerName = "hzsyvector_dark") => {
   const config = {
     zIndex: -5,
@@ -785,7 +785,7 @@ var createBaseLayer = (layerName = "hzsyvector_dark") => {
       _layerName: layerName
     }
   };
-  return isWebGLSupported() ? new import_WebGLTile.default(config) : new import_layer.Tile(config);
+  return new import_layer.Tile(config);
 };
 var createMapWorldLayer = (layerName, tk = "c77eddc667c5bed016fded560baf93e7") => {
   const [name, matrixSet] = layerName.split("_");
@@ -1044,10 +1044,6 @@ var determineGeometryType = (coordinates) => {
     return "Invalid" /* Invalid */;
   }
 };
-var isWebGLSupported = () => {
-  const canvas = document.createElement("canvas");
-  return !!canvas.getContext("webgl") || !!canvas.getContext("experimental-webgl");
-};
 
 // src/ogc-utils.ts
 var import_source3 = require("ol/source");

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import { Layer, Tile } from 'ol/layer';
 import { Style } from 'ol/style';
-import { Map as Map$1, Overlay, Feature } from 'ol';
+import { Map as Map$1, Feature, Overlay } from 'ol';
 import { CRSTypes } from 'gcoord';
 import * as ol_source from 'ol/source';
 import { Source, XYZ, WMTS } from 'ol/source';
@@ -9,9 +9,8 @@ import { FeatureLike } from 'ol/Feature';
 import { Emitter, EventType } from 'mitt';
 import TileLayer from 'ol/layer/Tile';
 import * as ol_renderer_Layer from 'ol/renderer/Layer';
-import WebGLTileLayer from 'ol/layer/WebGLTile';
 import * as ol_geom from 'ol/geom';
-import { SimpleGeometry, Point } from 'ol/geom';
+import { Point, SimpleGeometry } from 'ol/geom';
 import { Options } from 'ol/Overlay';
 import Cluster from 'ol/source/Cluster';
 import { Select } from 'ol/interaction';
@@ -62,6 +61,7 @@ type ClusterData = {
 };
 type ClusterConfig = {
     distance: number;
+    layerName?: string;
     openClick?: boolean;
     minDistance: number;
     singleStyles: Style[];
@@ -130,7 +130,7 @@ declare const createWmtsLayer: (serverUrl: string) => (config: WmtsSourceOptions
  * 创建杭州规自地图
  * @param layerName - 'hzsyraster' | 'hzsyvector' | 'hzsyvector_dark'
  */
-declare const createBaseLayer: (layerName?: HzsyType) => WebGLTileLayer | Tile<XYZ>;
+declare const createBaseLayer: (layerName?: HzsyType) => Tile<XYZ>;
 /**
  * 创建全国天地图
  * @param layerName - 图层名称

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Layer, Tile } from 'ol/layer';
 import { Style } from 'ol/style';
-import { Map as Map$1, Overlay, Feature } from 'ol';
+import { Map as Map$1, Feature, Overlay } from 'ol';
 import { CRSTypes } from 'gcoord';
 import * as ol_source from 'ol/source';
 import { Source, XYZ, WMTS } from 'ol/source';
@@ -9,9 +9,8 @@ import { FeatureLike } from 'ol/Feature';
 import { Emitter, EventType } from 'mitt';
 import TileLayer from 'ol/layer/Tile';
 import * as ol_renderer_Layer from 'ol/renderer/Layer';
-import WebGLTileLayer from 'ol/layer/WebGLTile';
 import * as ol_geom from 'ol/geom';
-import { SimpleGeometry, Point } from 'ol/geom';
+import { Point, SimpleGeometry } from 'ol/geom';
 import { Options } from 'ol/Overlay';
 import Cluster from 'ol/source/Cluster';
 import { Select } from 'ol/interaction';
@@ -62,6 +61,7 @@ type ClusterData = {
 };
 type ClusterConfig = {
     distance: number;
+    layerName?: string;
     openClick?: boolean;
     minDistance: number;
     singleStyles: Style[];
@@ -130,7 +130,7 @@ declare const createWmtsLayer: (serverUrl: string) => (config: WmtsSourceOptions
  * 创建杭州规自地图
  * @param layerName - 'hzsyraster' | 'hzsyvector' | 'hzsyvector_dark'
  */
-declare const createBaseLayer: (layerName?: HzsyType) => WebGLTileLayer | Tile<XYZ>;
+declare const createBaseLayer: (layerName?: HzsyType) => Tile<XYZ>;
 /**
  * 创建全国天地图
  * @param layerName - 图层名称

package/dist/index.js

@@ -393,13 +393,11 @@ var selectEventHandle = (vectorLayer, feature) => {
   }
   const isAutoFit = vectorLayer.get("_isAutoFit");
   if (isAutoFit) {
-    const [x, y] = getCenter(feature.getGeometry().getExtent());
-    const [offsetX, offsetY] = vectorLayer.get("_offset") || [0, 0];
     const view = instance.getView();
     view.animate({
       duration: 1e3,
       zoom: view.getZoom(),
-      center: [x + offsetX, y + offsetY]
+      center: getCenter(feature.getGeometry().getExtent())
     });
   }
 };
@@ -552,6 +550,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
     }
     massMarksLayer.setProperties({
       _isCustom: true,
+      _offset: offset,
       _hasLine: hasLine,
       _hasFace: hasFace,
       className: layerName,
@@ -600,7 +599,8 @@ var createClusterLayer = (dataList, config) => {
     openClick,
     buildStyle,
     singleStyles,
-    computedRadius
+    computedRadius,
+    layerName = "cluster-layer"
   } = config;
   const innerComputedRadius = (size) => Math.pow(size / count, 1 / 18);
   styleCache[1] = singleStyles;
@@ -643,6 +643,7 @@ var createClusterLayer = (dataList, config) => {
   };
   const vectorLayer = new VectorLayer({
     zIndex: 200,
+    className: layerName,
     source: new Cluster({
       distance: distance || 80,
       minDistance: minDistance || 0,
@@ -676,7 +677,6 @@ import { WMTS } from "ol/source";
 import { TileGrid } from "ol/tilegrid";
 import { Tile } from "ol/layer";
 import WMTSTileGrid from "ol/tilegrid/WMTS";
-import WebGLTileLayer from "ol/layer/WebGLTile";
 var createBaseLayer = (layerName = "hzsyvector_dark") => {
   const config = {
     zIndex: -5,
@@ -723,7 +723,7 @@ var createBaseLayer = (layerName = "hzsyvector_dark") => {
       _layerName: layerName
     }
   };
-  return isWebGLSupported() ? new WebGLTileLayer(config) : new Tile(config);
+  return new Tile(config);
 };
 var createMapWorldLayer = (layerName, tk = "c77eddc667c5bed016fded560baf93e7") => {
   const [name, matrixSet] = layerName.split("_");
@@ -982,10 +982,6 @@ var determineGeometryType = (coordinates) => {
     return "Invalid" /* Invalid */;
   }
 };
-var isWebGLSupported = () => {
-  const canvas = document.createElement("canvas");
-  return !!canvas.getContext("webgl") || !!canvas.getContext("experimental-webgl");
-};
 
 // src/ogc-utils.ts
 import { WMTS as WMTS2 } from "ol/source";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "map-ol-utils",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "type": "module",
   "description": "Openlayers utils library",
   "files": [
@@ -27,7 +27,7 @@
   "dependencies": {
     "gcoord": "^1.0.7",
     "mitt": "^3.0.1",
-    "ol": "^10.6.1"
+    "ol": "^10.7.0"
   },
   "peerDependencies": {
     "ol": ">=10.5.0"