map-ol-utils 0.1.25 → 0.1.27

package/dist/index.cjs

@@ -545,6 +545,7 @@ var createMassMarksLayer = (dataList, styleList = []) => {
 var addMassMarksLayer = (getImgUrlFn) => {
   return (dataList = [], iconConfig, openClick = true) => {
     const {
+      offset = [0, 0],
       baseUrl,
       hasLine,
       hasFace,
@@ -568,6 +569,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
     const massMarksLayer = createMassMarksLayer(dataList, massMarksStyles);
     if (openClick) {
       massMarksLayer.setProperties({
+        _offset: offset,
         _isAutoFit: isAutoFit
       });
       createSelectByLayer(massMarksLayer);
@@ -610,6 +612,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
     }
     massMarksLayer.setProperties({
       _isCustom: true,
+      _offset: offset,
       _hasLine: hasLine,
       _hasFace: hasFace,
       className: layerName,
@@ -658,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;
@@ -701,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,
@@ -734,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,
@@ -781,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("_");
@@ -1040,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[];
@@ -79,6 +79,7 @@ type IconConfig = {
     activeScale?: number;
     isAutoFit?: boolean;
     marksStyles?: Style[];
+    offset?: [number, number];
     vectorConfig?: VectorConfig;
     markerSize: [number, number];
 };
@@ -129,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[];
@@ -79,6 +79,7 @@ type IconConfig = {
     activeScale?: number;
     isAutoFit?: boolean;
     marksStyles?: Style[];
+    offset?: [number, number];
     vectorConfig?: VectorConfig;
     markerSize: [number, number];
 };
@@ -129,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

@@ -483,6 +483,7 @@ var createMassMarksLayer = (dataList, styleList = []) => {
 var addMassMarksLayer = (getImgUrlFn) => {
   return (dataList = [], iconConfig, openClick = true) => {
     const {
+      offset = [0, 0],
       baseUrl,
       hasLine,
       hasFace,
@@ -506,6 +507,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
     const massMarksLayer = createMassMarksLayer(dataList, massMarksStyles);
     if (openClick) {
       massMarksLayer.setProperties({
+        _offset: offset,
         _isAutoFit: isAutoFit
       });
       createSelectByLayer(massMarksLayer);
@@ -548,6 +550,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
     }
     massMarksLayer.setProperties({
       _isCustom: true,
+      _offset: offset,
       _hasLine: hasLine,
       _hasFace: hasFace,
       className: layerName,
@@ -596,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;
@@ -639,6 +643,7 @@ var createClusterLayer = (dataList, config) => {
   };
   const vectorLayer = new VectorLayer({
     zIndex: 200,
+    className: layerName,
     source: new Cluster({
       distance: distance || 80,
       minDistance: minDistance || 0,
@@ -672,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,
@@ -719,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("_");
@@ -978,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.25",
+  "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"