@summeruse/ol 0.0.1-beta.4 → 0.1.0

package/lib/utils/layer/index.d.ts

@@ -1,28 +1,51 @@
-import { Tile as TileLayer } from 'ol/layer';
+import { Feature } from 'ol';
+import { Geometry } from 'ol/geom';
 import { ProjectionLike } from 'ol/proj';
+import { StyleOptions } from '../style';
+import { Tile as TileLayer } from 'ol/layer';
+import { default as VectorLayer } from 'ol/layer/Vector';
 import { BingMaps, OSM, XYZ } from 'ol/source';
-export type T_MAP_TYPE = 'vec' | 'cva' | 'img' | 'ter' | 'cia' | 'eia';
-export declare const getTianDiTuUrl: (data: {
+import { default as VectorSource } from 'ol/source/Vector';
+/**
+ * 天地图类型
+ * vec: 矢量底图
+ * cva: 矢量注记
+ * img: 影像底图
+ * cia: 影像注记
+ * ter: 地形晕渲
+ * cta: 地形注记
+ * ibo: 全球境界
+ */
+export type T_MAP_TYPE = 'vec' | 'cva' | 'img' | 'cia' | 'ter' | 'cta' | 'ibo';
+export declare function getTianDiTuUrl(data: {
     url?: string;
     type: T_MAP_TYPE;
     projection: ProjectionLike;
     key: string;
-}) => string;
-export declare const getTianDiTuLayer: (data: {
+}): string;
+export declare function getTianDiTuLayer(data: {
     url?: string;
     projection: ProjectionLike;
     zIndex?: number;
     key: string;
     type: T_MAP_TYPE;
     className?: string;
-}) => TileLayer<XYZ>;
-export declare const getBingLayer: ({ name, zIndex, key, className, }: {
+}): TileLayer<XYZ>;
+export declare function getBingLayer({ name, zIndex, key, className, }: {
     name: string;
     zIndex?: number;
     key: string;
     className?: string;
-}) => TileLayer<BingMaps>;
-export declare const getOSMLayer: (data?: {
+}): TileLayer<BingMaps>;
+export declare function getOSMLayer(data?: {
     zIndex?: number;
     className?: string;
-}) => TileLayer<OSM>;
+}): TileLayer<OSM>;
+export type _VectorLayerOptions = ConstructorParameters<typeof VectorLayer>[0];
+export type VectorLayerOptions = _VectorLayerOptions & {
+    styleOptions?: StyleOptions;
+};
+export declare function createVectorLayer<T extends Geometry = Geometry>(options?: VectorLayerOptions): {
+    source: VectorSource<Feature<T>>;
+    layer: VectorLayer<VectorSource<import('ol/Feature').FeatureLike>, import('ol/Feature').FeatureLike>;
+};

package/lib/utils/layer/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("ol/layer"),s=require("ol/source"),t=require("../../constants/projection.js"),l=e=>{const{type:r="img",projection:n=t.WebMercatorProjection,key:o}=e,c=e.url||"https://t{0-4}.tianditu.gov.cn",u="&tk="+o+"&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}",T=n===t.WGS84Projection?"c":n===t.WebMercatorProjection?"w":"c";return c+"/"+r+"_"+T+"/wmts?LAYER="+r+u},y=e=>{const{zIndex:r,projection:n,className:o}=e;return new i.Tile({className:o,source:new s.XYZ({url:l(e),projection:n,crossOrigin:"Anonymous"}),zIndex:r})},g=({name:e,zIndex:r,key:n,className:o})=>new i.Tile({className:o,source:new s.BingMaps({key:n,imagerySet:e,placeholderTiles:!1}),zIndex:r}),L=e=>new i.Tile({className:e==null?void 0:e.className,source:new s.OSM({crossOrigin:"Anonymous"}),zIndex:e==null?void 0:e.zIndex});exports.getBingLayer=g;exports.getOSMLayer=L;exports.getTianDiTuLayer=y;exports.getTianDiTuUrl=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("ol/layer"),T=require("ol/layer/Vector"),u=require("ol/source"),g=require("ol/source/Vector"),i=require("../../constants/projection.js"),a=require("../style/index.js");function l(e){const{type:r="img",projection:n=i.WebMercatorProjection,key:t}=e,o=e.url||"https://t{0-4}.tianditu.gov.cn",c=`&tk=${t}&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}`,y=n===i.WGS84Projection?"c":n===i.WebMercatorProjection?"w":"c";return`${o}/${r}_${y}/wmts?LAYER=${r}${c}`}function L(e){const{zIndex:r,projection:n,className:t}=e;return new s.Tile({className:t,source:new u.XYZ({url:l(e),projection:n,crossOrigin:"Anonymous"}),zIndex:r})}function S({name:e,zIndex:r,key:n,className:t}){return new s.Tile({className:t,source:new u.BingMaps({key:n,imagerySet:e,placeholderTiles:!1}),zIndex:r})}function p(e){return new s.Tile({className:e==null?void 0:e.className,source:new u.OSM({crossOrigin:"Anonymous"}),zIndex:e==null?void 0:e.zIndex})}function E(e){const{styleOptions:r,...n}=e||{},t=r?a.createStyle(r):void 0,o=new g,c=new T({source:o,...n,style:t||n.style});return{source:o,layer:c}}exports.createVectorLayer=E;exports.getBingLayer=S;exports.getOSMLayer=p;exports.getTianDiTuLayer=L;exports.getTianDiTuUrl=l;

package/lib/utils/projection/index.d.ts

@@ -1,10 +1,18 @@
 import { Coordinate } from 'ol/coordinate';
 import { Extent } from 'ol/extent';
 /** WGS84坐标转墨卡托  */
-export declare const wgs84ToMercator: (coordinate: Coordinate) => Coordinate;
+export declare function wgs84ToMercator(coordinate: Coordinate): Coordinate;
+/** WGS84坐标转墨卡托  */
+export declare const EPSG_4326ToEPSG_3857: typeof wgs84ToMercator;
+/** 墨卡托坐标转WGS84 */
+export declare function mercatorToWgs84(coordinate: Coordinate): Coordinate;
 /** 墨卡托坐标转WGS84 */
-export declare const mercatorToWgs84: (coordinate: Coordinate) => Coordinate;
+export declare const EPSG_3857ToEPSG_4326: typeof mercatorToWgs84;
 /** WGS84范围转墨卡托 */
-export declare const wgs84ExtentToMercator: (extent: Extent) => Extent;
+export declare function wgs84ExtentToMercator(extent: Extent): Extent;
+/** WGS84范围转墨卡托 */
+export declare const EPSG_4326ExtentToEPSG_3857: typeof wgs84ExtentToMercator;
+/** 墨卡托范围转WGS84 */
+export declare function mercatorExtentToWgs84(extent: Extent): Extent;
 /** 墨卡托范围转WGS84 */
-export declare const mercatorExtentToWgs84: (extent: Extent) => Extent;
+export declare const EPSG_3857ExtentToEPSG_4326: typeof mercatorExtentToWgs84;

package/lib/utils/projection/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("ol/proj"),r=require("../../constants/projection.js"),e=t=>o.transform(t,r.EPSG_4326,r.EPSG_3857),n=t=>o.transform(t,r.EPSG_3857,r.EPSG_4326),s=t=>o.transformExtent(t,r.EPSG_4326,r.EPSG_3857),c=t=>o.transformExtent(t,r.EPSG_3857,r.EPSG_4326);exports.mercatorExtentToWgs84=c;exports.mercatorToWgs84=n;exports.wgs84ExtentToMercator=s;exports.wgs84ToMercator=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("ol/proj"),t=require("../../constants/projection.js");function n(o){return r.transform(o,t.EPSG_4326,t.EPSG_3857)}const P=n;function e(o){return r.transform(o,t.EPSG_3857,t.EPSG_4326)}const G=e;function E(o){return r.transformExtent(o,t.EPSG_4326,t.EPSG_3857)}const _=E;function S(o){return r.transformExtent(o,t.EPSG_3857,t.EPSG_4326)}const c=S;exports.EPSG_3857ExtentToEPSG_4326=c;exports.EPSG_3857ToEPSG_4326=G;exports.EPSG_4326ExtentToEPSG_3857=_;exports.EPSG_4326ToEPSG_3857=P;exports.mercatorExtentToWgs84=S;exports.mercatorToWgs84=e;exports.wgs84ExtentToMercator=E;exports.wgs84ToMercator=n;

package/lib/utils/realCircle/index.d.ts

@@ -3,7 +3,7 @@ import { Coordinate } from 'ol/coordinate';
  * 获取一个地理圆形的坐标点
  * @param coordinate 中心坐标 EPSG:4326 WGS84
  * @param radius  单位：米
- * @param  [sides=60] 边数
+ * @param  [sides] 边数
  * @returns 伪圆形坐标 EPSG:4326 WGS84
  */
-export declare const getRealCircleCoordinates: (coordinate: Coordinate, radius: number, sides?: number) => Coordinate[][];
+export declare function getRealCircleCoordinates(coordinate: Coordinate, radius: number, sides?: number): Coordinate[][];

package/lib/utils/realCircle/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../calculate/index.js"),c=(o,i,n=60)=>{const t=[],r=360/n;for(let e=-180;e<180;e=e+r)t.push(s.getDestinationPoint(o,i,e));return[t]};exports.getRealCircleCoordinates=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../calculate/index.js");function c(o,i,n=60){const t=[],r=360/n;for(let e=-180;e<180;e=e+r)t.push(s.getDestinationPoint(o,i,e));return[t]}exports.getRealCircleCoordinates=c;

package/lib/utils/style/index.d.ts

@@ -0,0 +1,27 @@
+import { Circle, Fill, Icon, Stroke, Style, Text } from 'ol/style';
+export type FillOptions = ConstructorParameters<typeof Fill>[0];
+export type StrokeOptions = ConstructorParameters<typeof Stroke>[0];
+export type IconOptions = ConstructorParameters<typeof Icon>[0];
+export type _StyleOptions = ConstructorParameters<typeof Style>[0];
+export type _CircleOptions = ConstructorParameters<typeof Circle>[0];
+export type _TextOptions = ConstructorParameters<typeof Text>[0];
+export type CircleOptions = _CircleOptions & {
+    fillOptions?: FillOptions;
+    strokeOptions?: StrokeOptions;
+};
+export type TextOptions = _TextOptions & {
+    fillOptions?: FillOptions;
+    strokeOptions?: StrokeOptions;
+    backgroundFillOptions?: FillOptions;
+    backgroundStrokeOptions?: StrokeOptions;
+};
+export type StyleOptions = _StyleOptions & {
+    fillOptions?: FillOptions;
+    strokeOptions?: StrokeOptions;
+    iconOptions?: IconOptions;
+    circleOptions?: CircleOptions;
+    textOptions?: TextOptions;
+};
+export declare function createCircleStyle(options: CircleOptions): Circle;
+export declare function createTextStyle(options: TextOptions): Text;
+export declare function createStyle(options: StyleOptions): Style;

package/lib/utils/style/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("ol/style");function c(i){const{fillOptions:t,strokeOptions:o,...n}=i;return new e.Circle({...n,fill:t?new e.Fill(t):void 0,stroke:o?new e.Stroke(o):void 0})}function s(i){const{fillOptions:t,strokeOptions:o,backgroundFillOptions:n,backgroundStrokeOptions:r,...l}=i;return new e.Text({...l,fill:t?new e.Fill(t):void 0,stroke:o?new e.Stroke(o):void 0,backgroundFill:n?new e.Fill(n):void 0,backgroundStroke:r?new e.Stroke(r):void 0})}function v(i){const{fillOptions:t,strokeOptions:o,iconOptions:n,circleOptions:r,textOptions:l,...d}=i,k=t?new e.Fill(t):void 0,S=o?new e.Stroke(o):void 0,u=n?new e.Icon(n):void 0,a=r?c(r):void 0,p=l?s(l):void 0;return new e.Style({...d,fill:k,stroke:S,image:u||a,text:p})}exports.createCircleStyle=c;exports.createStyle=v;exports.createTextStyle=s;

package/package.json

@@ -1,8 +1,19 @@
 {
   "name": "@summeruse/ol",
-  "version": "0.0.1-beta.4",
-  "description": "",
   "type": "module",
+  "version": "0.1.0",
+  "description": "",
+  "author": "finalsummer",
+  "license": "ISC",
+  "homepage": "https://642661520.github.io/SummerUse/",
+  "repository": "https://github.com/642661520/SummerUse",
+  "keywords": [
+    "vue",
+    "ol",
+    "naive-ui",
+    "openlayers",
+    "vue3"
+  ],
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "unpkg": "dist/index.js",
@@ -15,36 +26,28 @@
     "es",
     "lib"
   ],
-  "repository": "https://github.com/642661520/SummerUse",
-  "homepage": "https://642661520.github.io/SummerUse/",
-  "keywords": [
-    "vue",
-    "ol",
-    "naive-ui",
-    "openlayers",
-    "vue3"
-  ],
-  "author": "finalsummer",
-  "license": "ISC",
+  "peerDependencies": {
+    "@turf/turf": "7.2.0",
+    "naive-ui": "^2.41.0",
+    "ol": "10.5.0"
+  },
   "dependencies": {
-    "vue": "^3.5.13"
+    "vue": "^3.5.13",
+    "@summeruse/common": "0.0.0"
   },
   "devDependencies": {
+    "@turf/turf": "7.2.0",
     "@types/node": "^22.13.14",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/tsconfig": "^0.7.0",
     "naive-ui": "^2.41.0",
     "ol": "10.5.0",
+    "sass-embedded": "^1.86.3",
     "typescript": "~5.7.2",
     "vite": "^6.2.0",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.3",
-    "vue-tsc": "^2.2.4",
-    "sass-embedded": "^1.86.3",
-    "@turf/turf": "7.2.0"
-  },
-  "peerDependencies": {
-    "naive-ui": "^2.41.0",
-    "ol": "10.5.0"
+    "vue-tsc": "^2.2.4"
   },
   "publishConfig": {
     "access": "public"

package/dist/ol.css

@@ -1 +0,0 @@
-.n-ol-pointermove.n-popover{box-shadow:none!important}

package/es/components/common/render-v-node.vue.d.ts

@@ -1,17 +0,0 @@
-import { PropType, VNodeChild } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    dynamicVNode: {
-        type: PropType<(() => VNodeChild) | VNodeChild | string>;
-        default: undefined;
-    };
-}>, () => string | number | boolean | void | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> | import('vue').VNodeArrayChildren | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    dynamicVNode: {
-        type: PropType<(() => VNodeChild) | VNodeChild | string>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    dynamicVNode: VNodeChild | (() => VNodeChild);
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/components/common/render-v-node.vue.mjs

@@ -1,22 +0,0 @@
-import { defineComponent as i, h as t, isVNode as d } from "vue";
-const c = i({
-  props: {
-    dynamicVNode: {
-      type: [Function, String, Object],
-      default: void 0
-    }
-  },
-  setup(e) {
-    return () => {
-      if (!e.dynamicVNode) return t("span");
-      if (typeof e.dynamicVNode == "string" || d(e.dynamicVNode)) return e.dynamicVNode;
-      if (typeof e.dynamicVNode == "function") {
-        const n = e.dynamicVNode();
-        return d(n), n;
-      }
-    };
-  }
-});
-export {
-  c as default
-};

package/es/components/common/render-v-node.vue2.mjs

@@ -1,4 +0,0 @@
-import f from "./render-v-node.vue.mjs";
-export {
-  f as default
-};

package/es/components/n-ol-pointermove/index.vue3.mjs

@@ -1,5 +0,0 @@
-import o from "./index.vue.mjs";
-/* empty css            */
-export {
-  o as default
-};

package/es/ol.css

@@ -1 +0,0 @@
-.n-ol-pointermove.n-popover{box-shadow:none!important}

package/lib/components/common/render-v-node.vue.d.ts

@@ -1,17 +0,0 @@
-import { PropType, VNodeChild } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    dynamicVNode: {
-        type: PropType<(() => VNodeChild) | VNodeChild | string>;
-        default: undefined;
-    };
-}>, () => string | number | boolean | void | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> | import('vue').VNodeArrayChildren | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    dynamicVNode: {
-        type: PropType<(() => VNodeChild) | VNodeChild | string>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    dynamicVNode: VNodeChild | (() => VNodeChild);
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/lib/components/common/render-v-node.vue.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),i=n.defineComponent({props:{dynamicVNode:{type:[Function,String,Object],default:void 0}},setup(e){return()=>{if(!e.dynamicVNode)return n.h("span");if(typeof e.dynamicVNode=="string"||n.isVNode(e.dynamicVNode))return e.dynamicVNode;if(typeof e.dynamicVNode=="function"){const t=e.dynamicVNode();return n.isVNode(t),t}}}});exports.default=i;

package/lib/components/common/render-v-node.vue2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./render-v-node.vue.js");exports.default=e.default;

package/lib/ol.css

@@ -1 +0,0 @@
-.n-ol-pointermove.n-popover{box-shadow:none!important}