v-ol-map 1.0.9 → 1.0.10

package/src/utils/index.js

@@ -0,0 +1,59 @@
+// ol
+import 'ol/ol.css';
+import { Map, View } from 'ol';
+import { defaults as defaultControls } from 'ol/control';
+import { defaults as defaultInteractions } from 'ol/interaction';
+// utils
+import { getCenterByCity } from '@/utils/cityMap';
+// functions
+/**
+ * 判断某key是否在对象内
+ * @param obj
+ * @param key
+ */
+export const validObjKey = (obj, key) => {
+    if (obj && Object.prototype.hasOwnProperty.call(obj, key)) {
+        return (obj[key] &&
+            (Object.keys(obj[key]).length > 0 || typeof obj[key] === 'function'));
+    }
+    else {
+        return false;
+    }
+};
+export class OlMap {
+    static map = OlMap;
+    constructor(options) {
+        console.log(options);
+        // view
+        const viewOptDefault = {
+            center: [108.5525, 34.3227],
+            zoom: 5,
+            constrainResolution: true,
+            projection: 'EPSG:4326'
+        };
+        const viewOption = { ...viewOptDefault, ...options.view };
+        if (validObjKey(viewOption, 'city') && viewOption.city) {
+            viewOption.center =
+                getCenterByCity(viewOption.city) ||
+                    viewOption.center ||
+                    viewOptDefault.center;
+        }
+        const view = new View(viewOption);
+        // controls
+        console.log(options.controls);
+        const controlsDefault = {
+            zoom: false,
+            rotate: false,
+            attribution: false
+        };
+        const controlsOption = { ...controlsDefault, ...options.controls };
+        const controls = defaultControls(controlsOption).extend([]);
+        return new Map({
+            interactions: defaultInteractions(options.interaction).extend([]),
+            target: options.target,
+            view,
+            controls
+        });
+    }
+}
+//# sourceMappingURL=index.js.map

package/src/utils/index.ts

@@ -0,0 +1,77 @@
+// ol
+import 'ol/ol.css'
+import { Map, View } from 'ol'
+import { ViewOptions } from 'ol/View'
+import {
+  defaults as defaultControls,
+  DefaultsOptions as ControlOptions
+} from 'ol/control'
+import {
+  defaults as defaultInteractions,
+  DefaultsOptions as InteractionOptions
+} from 'ol/interaction'
+// utils
+import { getCenterByCity } from '@/utils/cityMap'
+// interface
+interface customerViewOptions extends ViewOptions {
+    city: string;
+}
+export interface MapOptions {
+    target: string;
+    view: customerViewOptions;
+    controls: ControlOptions;
+    interaction: InteractionOptions;
+}
+// functions
+/**
+ * 判断某key是否在对象内
+ * @param obj
+ * @param key
+ */
+export const validObjKey = (obj: any, key: string) => {
+  if (obj && Object.prototype.hasOwnProperty.call(obj, key)) {
+    return (
+      obj[key] &&
+            (Object.keys(obj[key]).length > 0 || typeof obj[key] === 'function')
+    )
+  } else {
+    return false
+  }
+}
+
+export class OlMap {
+  static map = OlMap
+  constructor (options: MapOptions) {
+    console.log(options)
+    // view
+    const viewOptDefault = {
+      center: [108.5525, 34.3227],
+      zoom: 5,
+      constrainResolution: true,
+      projection: 'EPSG:4326'
+    }
+    const viewOption = { ...viewOptDefault, ...options.view }
+    if (validObjKey(viewOption, 'city') && viewOption.city) {
+      viewOption.center =
+                getCenterByCity(viewOption.city) ||
+                viewOption.center ||
+                viewOptDefault.center
+    }
+    const view = new View(viewOption)
+    // controls
+    console.log(options.controls)
+    const controlsDefault = {
+      zoom: false,
+      rotate: false,
+      attribution: false
+    }
+    const controlsOption = { ...controlsDefault, ...options.controls }
+    const controls = defaultControls(controlsOption).extend([])
+    return new Map({
+      interactions: defaultInteractions(options.interaction).extend([]),
+      target: options.target,
+      view,
+      controls
+    })
+  }
+}

package/src/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "exclude": ["node_modules"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,40 @@
+import { resolve } from 'path'
+import { defineConfig } from 'vite'
+// import eslintPlugin from 'vite-plugin-eslint'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  server: {
+    host: 'localhost',
+    port: 8080,
+    open: true
+  },
+  plugins: [
+    vue()
+    // eslintPlugin({
+    //   include: ['src/**/*.js', 'src/**/*.vue', 'src/**/*.jsx', 'src/**/*.ts'],
+    //   cache: false
+    // })
+  ],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  },
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/components/index.ts'),
+      name: 'ol-map',
+      fileName: (format) => `ol-map.${format}.js`
+    },
+    rollupOptions: {
+      external: ['vue'],
+      output: {
+        globals: {
+          vue: 'Vue'
+        }
+      }
+    }
+  }
+})