map-ol-utils 0.1.24 → 0.1.26

package/dist/index.cjs

@@ -85,6 +85,7 @@ __export(index_exports, {
   createVectorFaceLayer: () => createVectorFaceLayer,
   createVectorLineLayer: () => createVectorLineLayer,
   createWmtsLayer: () => createWmtsLayer,
+  createZheJiangLayer: () => createZheJiangLayer,
   disposeMap: () => disposeMap,
   emitter: () => emitter_default,
   getLayerByName: () => getLayerByName,
@@ -454,11 +455,13 @@ 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: (0, import_extent.getCenter)(feature.getGeometry().getExtent())
+      center: [x + offsetX, y + offsetY]
     });
   }
 };
@@ -544,6 +547,7 @@ var createMassMarksLayer = (dataList, styleList = []) => {
 var addMassMarksLayer = (getImgUrlFn) => {
   return (dataList = [], iconConfig, openClick = true) => {
     const {
+      offset = [0, 0],
       baseUrl,
       hasLine,
       hasFace,
@@ -567,6 +571,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
     const massMarksLayer = createMassMarksLayer(dataList, massMarksStyles);
     if (openClick) {
       massMarksLayer.setProperties({
+        _offset: offset,
         _isAutoFit: isAutoFit
       });
       createSelectByLayer(massMarksLayer);
@@ -785,9 +790,9 @@ var createBaseLayer = (layerName = "hzsyvector_dark") => {
 var createMapWorldLayer = (layerName, tk = "c77eddc667c5bed016fded560baf93e7") => {
   const [name, matrixSet] = layerName.split("_");
   const config = {
-    cacheSize: 20240,
-    zIndex: -10,
     preload: 1,
+    zIndex: -10,
+    cacheSize: 20240,
     properties: {
       _isBaseLayer: true,
       _layerName: layerName
@@ -852,6 +857,21 @@ var createMapWorldLayer = (layerName, tk = "c77eddc667c5bed016fded560baf93e7") =
   };
   return new import_layer.Tile(config);
 };
+var createZheJiangLayer = (layerName = "emap", tk = "3b0cdd02-c366-4363-b6de-081a9f12b364") => {
+  return new import_layer.Tile({
+    preload: 1,
+    minZoom: 4,
+    maxZoom: 20,
+    zIndex: -10,
+    cacheSize: 20240,
+    source: new import_source.XYZ({
+      wrapX: true,
+      projection: "EPSG:4326",
+      crossOrigin: "anonymous",
+      url: `https://ditu{0-6}.zjzwfw.gov.cn/services/wmts/${layerName}/default/oss/getTile/{z}/{y}/{x}?token=${tk}`
+    })
+  });
+};
 var getLayerByName = (name) => instance.getAllLayers().find((item) => (item.get("_layerName") || item.getClassName()) === name);
 var removeLayerByName = (name) => {
   const layer = instance.getAllLayers().find((item) => (item.get("_layerName") || item.getClassName()) === name);
@@ -1097,6 +1117,7 @@ var createWmtsLayer = (serverUrl) => (config) => __async(null, null, function* (
   createVectorFaceLayer,
   createVectorLineLayer,
   createWmtsLayer,
+  createZheJiangLayer,
   disposeMap,
   emitter,
   getLayerByName,

package/dist/index.d.cts

@@ -1,10 +1,10 @@
 import { Layer, Tile } from 'ol/layer';
+import { Style } from 'ol/style';
 import { Map as Map$1, Overlay, Feature } from 'ol';
 import { CRSTypes } from 'gcoord';
 import * as ol_source from 'ol/source';
 import { Source, XYZ, WMTS } from 'ol/source';
 import { Coordinate } from 'ol/coordinate';
-import { Style } from 'ol/style';
 import { FeatureLike } from 'ol/Feature';
 import { Emitter, EventType } from 'mitt';
 import TileLayer from 'ol/layer/Tile';
@@ -79,6 +79,7 @@ type IconConfig = {
     activeScale?: number;
     isAutoFit?: boolean;
     marksStyles?: Style[];
+    offset?: [number, number];
     vectorConfig?: VectorConfig;
     markerSize: [number, number];
 };
@@ -112,6 +113,8 @@ declare enum GeometryType {
 }
 type GeometryCoordinates = Coordinate[] | Coordinate[][] | Coordinate[][][];
 type HzsyType = 'hzsyraster' | 'hzsyvector' | 'hzsyvector_dark';
+type ZheJiangType = 'emap' | 'emap_lab' | 'imgmap' | 'imgmap_lab';
+type WorldLayerType = 'vec_c' | 'cva_c' | 'img_c' | 'cia_c' | 'ter_c' | 'cta_c' | 'ibo_c';
 
 declare const emitter: Emitter<Record<EventType, any>>;
 
@@ -129,11 +132,17 @@ declare const createWmtsLayer: (serverUrl: string) => (config: WmtsSourceOptions
  */
 declare const createBaseLayer: (layerName?: HzsyType) => WebGLTileLayer | Tile<XYZ>;
 /**
- * 创建天地图
+ * 创建全国天地图
  * @param layerName - 图层名称
  * @param tk - 天地图TK
  */
-declare const createMapWorldLayer: (layerName: string, tk?: string) => Tile<WMTS>;
+declare const createMapWorldLayer: (layerName: WorldLayerType, tk?: string) => Tile<WMTS>;
+/**
+ * 浙江省天地图
+ * @param layerName - 图层名称
+ * @param tk -
+ */
+declare const createZheJiangLayer: (layerName?: ZheJiangType, tk?: string) => Tile<XYZ>;
 /**
  * 根据图层名称获取图层
  * @param name
@@ -253,4 +262,4 @@ declare const createOverlay: (config?: Options) => Overlay;
  */
 declare const createClusterLayer: (dataList: ClusterData[], config: ClusterConfig) => VectorLayer<Cluster<Feature<Point>>, Feature<ol_geom.Geometry>>;
 
-export { type ClusterConfig, type ClusterData, type CustomMap, type GeometryCoordinates, GeometryType, type GetImgUrl, type GetImgUrlFn, type HzsyType, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeFeatureByUid, addMassMarksLayer, appendFeaturesByLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createClusterLayer, createMap, createMapInstance, createMapWorldLayer, createMassMarksLayer, createOverlay, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getLayerByName, getLayersDataList, getMapInstance, instance, removeAllLayers, removeLayerByName, removeOverlays, resetActiveFeature, resetActiveVector, resetMap, resetZoomAndCenter, setFitViewByCoords, setFitViewByGeom, setFitViewByLayer, updateMarksLayersByStatus };
+export { type ClusterConfig, type ClusterData, type CustomMap, type GeometryCoordinates, GeometryType, type GetImgUrl, type GetImgUrlFn, type HzsyType, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, type WorldLayerType, type ZheJiangType, activeFeatureByUid, addMassMarksLayer, appendFeaturesByLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createClusterLayer, createMap, createMapInstance, createMapWorldLayer, createMassMarksLayer, createOverlay, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, createZheJiangLayer, disposeMap, emitter, getLayerByName, getLayersDataList, getMapInstance, instance, removeAllLayers, removeLayerByName, removeOverlays, resetActiveFeature, resetActiveVector, resetMap, resetZoomAndCenter, setFitViewByCoords, setFitViewByGeom, setFitViewByLayer, updateMarksLayersByStatus };

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import { Layer, Tile } from 'ol/layer';
+import { Style } from 'ol/style';
 import { Map as Map$1, Overlay, Feature } from 'ol';
 import { CRSTypes } from 'gcoord';
 import * as ol_source from 'ol/source';
 import { Source, XYZ, WMTS } from 'ol/source';
 import { Coordinate } from 'ol/coordinate';
-import { Style } from 'ol/style';
 import { FeatureLike } from 'ol/Feature';
 import { Emitter, EventType } from 'mitt';
 import TileLayer from 'ol/layer/Tile';
@@ -79,6 +79,7 @@ type IconConfig = {
     activeScale?: number;
     isAutoFit?: boolean;
     marksStyles?: Style[];
+    offset?: [number, number];
     vectorConfig?: VectorConfig;
     markerSize: [number, number];
 };
@@ -112,6 +113,8 @@ declare enum GeometryType {
 }
 type GeometryCoordinates = Coordinate[] | Coordinate[][] | Coordinate[][][];
 type HzsyType = 'hzsyraster' | 'hzsyvector' | 'hzsyvector_dark';
+type ZheJiangType = 'emap' | 'emap_lab' | 'imgmap' | 'imgmap_lab';
+type WorldLayerType = 'vec_c' | 'cva_c' | 'img_c' | 'cia_c' | 'ter_c' | 'cta_c' | 'ibo_c';
 
 declare const emitter: Emitter<Record<EventType, any>>;
 
@@ -129,11 +132,17 @@ declare const createWmtsLayer: (serverUrl: string) => (config: WmtsSourceOptions
  */
 declare const createBaseLayer: (layerName?: HzsyType) => WebGLTileLayer | Tile<XYZ>;
 /**
- * 创建天地图
+ * 创建全国天地图
  * @param layerName - 图层名称
  * @param tk - 天地图TK
  */
-declare const createMapWorldLayer: (layerName: string, tk?: string) => Tile<WMTS>;
+declare const createMapWorldLayer: (layerName: WorldLayerType, tk?: string) => Tile<WMTS>;
+/**
+ * 浙江省天地图
+ * @param layerName - 图层名称
+ * @param tk -
+ */
+declare const createZheJiangLayer: (layerName?: ZheJiangType, tk?: string) => Tile<XYZ>;
 /**
  * 根据图层名称获取图层
  * @param name
@@ -253,4 +262,4 @@ declare const createOverlay: (config?: Options) => Overlay;
  */
 declare const createClusterLayer: (dataList: ClusterData[], config: ClusterConfig) => VectorLayer<Cluster<Feature<Point>>, Feature<ol_geom.Geometry>>;
 
-export { type ClusterConfig, type ClusterData, type CustomMap, type GeometryCoordinates, GeometryType, type GetImgUrl, type GetImgUrlFn, type HzsyType, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, activeFeatureByUid, addMassMarksLayer, appendFeaturesByLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createClusterLayer, createMap, createMapInstance, createMapWorldLayer, createMassMarksLayer, createOverlay, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, disposeMap, emitter, getLayerByName, getLayersDataList, getMapInstance, instance, removeAllLayers, removeLayerByName, removeOverlays, resetActiveFeature, resetActiveVector, resetMap, resetZoomAndCenter, setFitViewByCoords, setFitViewByGeom, setFitViewByLayer, updateMarksLayersByStatus };
+export { type ClusterConfig, type ClusterData, type CustomMap, type GeometryCoordinates, GeometryType, type GetImgUrl, type GetImgUrlFn, type HzsyType, type IconConfig, type MassData, type VectorConfig, type WmtsSourceOptions, type WorldLayerType, type ZheJiangType, activeFeatureByUid, addMassMarksLayer, appendFeaturesByLayer, buildMassMarksStyles, createAnimationMarker, createBaseLayer, createBusinessLayer, createClusterLayer, createMap, createMapInstance, createMapWorldLayer, createMassMarksLayer, createOverlay, createSelectByLayer, createVectorFaceLayer, createVectorLineLayer, createWmtsLayer, createZheJiangLayer, disposeMap, emitter, getLayerByName, getLayersDataList, getMapInstance, instance, removeAllLayers, removeLayerByName, removeOverlays, resetActiveFeature, resetActiveVector, resetMap, resetZoomAndCenter, setFitViewByCoords, setFitViewByGeom, setFitViewByLayer, updateMarksLayersByStatus };

package/dist/index.js

@@ -393,11 +393,13 @@ 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: getCenter(feature.getGeometry().getExtent())
+      center: [x + offsetX, y + offsetY]
     });
   }
 };
@@ -483,6 +485,7 @@ var createMassMarksLayer = (dataList, styleList = []) => {
 var addMassMarksLayer = (getImgUrlFn) => {
   return (dataList = [], iconConfig, openClick = true) => {
     const {
+      offset = [0, 0],
       baseUrl,
       hasLine,
       hasFace,
@@ -506,6 +509,7 @@ var addMassMarksLayer = (getImgUrlFn) => {
     const massMarksLayer = createMassMarksLayer(dataList, massMarksStyles);
     if (openClick) {
       massMarksLayer.setProperties({
+        _offset: offset,
         _isAutoFit: isAutoFit
       });
       createSelectByLayer(massMarksLayer);
@@ -724,9 +728,9 @@ var createBaseLayer = (layerName = "hzsyvector_dark") => {
 var createMapWorldLayer = (layerName, tk = "c77eddc667c5bed016fded560baf93e7") => {
   const [name, matrixSet] = layerName.split("_");
   const config = {
-    cacheSize: 20240,
-    zIndex: -10,
     preload: 1,
+    zIndex: -10,
+    cacheSize: 20240,
     properties: {
       _isBaseLayer: true,
       _layerName: layerName
@@ -791,6 +795,21 @@ var createMapWorldLayer = (layerName, tk = "c77eddc667c5bed016fded560baf93e7") =
   };
   return new Tile(config);
 };
+var createZheJiangLayer = (layerName = "emap", tk = "3b0cdd02-c366-4363-b6de-081a9f12b364") => {
+  return new Tile({
+    preload: 1,
+    minZoom: 4,
+    maxZoom: 20,
+    zIndex: -10,
+    cacheSize: 20240,
+    source: new XYZ({
+      wrapX: true,
+      projection: "EPSG:4326",
+      crossOrigin: "anonymous",
+      url: `https://ditu{0-6}.zjzwfw.gov.cn/services/wmts/${layerName}/default/oss/getTile/{z}/{y}/{x}?token=${tk}`
+    })
+  });
+};
 var getLayerByName = (name) => instance.getAllLayers().find((item) => (item.get("_layerName") || item.getClassName()) === name);
 var removeLayerByName = (name) => {
   const layer = instance.getAllLayers().find((item) => (item.get("_layerName") || item.getClassName()) === name);
@@ -1035,6 +1054,7 @@ export {
   createVectorFaceLayer,
   createVectorLineLayer,
   createWmtsLayer,
+  createZheJiangLayer,
   disposeMap,
   emitter_default as emitter,
   getLayerByName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "map-ol-utils",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "type": "module",
   "description": "Openlayers utils library",
   "files": [