vue2-openlayers 0.1.0

package/examples/main.js

@@ -0,0 +1,28 @@
+import Vue from 'vue'
+import App from './App.vue'
+import VueOpenlayers from './../packages/index'
+import * as echarts from 'echarts';
+
+
+
+// Vue.prototype.$numeral = require('numeral');
+// Vue.prototype.parseTime = parseTime;
+ 
+Vue.use(VueOpenlayers);
+
+
+
+// 创建一个事件总线
+
+let bus = new Vue();
+Vue.prototype.$bus = bus;
+window.bus = bus;
+
+// 全局方法挂载
+Vue.prototype.$echarts = echarts;
+
+Vue.config.productionTip = false
+
+new Vue({
+  render: h => h(App),
+}).$mount('#app')

package/examples/utils/echarts/esresize.js

@@ -0,0 +1,110 @@
+
+
+//   echarts 图表适配
+
+
+var EleResize = {
+    _handleResize: function (e) {
+        var ele = e.target || e.srcElement
+        var trigger = ele.__resizeTrigger__
+        if (trigger) {
+            var handlers = trigger.__z_resizeListeners
+            if (handlers) {
+                var size = handlers.length
+                for (var i = 0; i < size; i++) {
+                    var h = handlers[i]
+                    var handler = h.handler
+                    var context = h.context
+                    handler.apply(context, [e])
+                }
+            }
+        }
+    },
+    _removeHandler: function (ele, handler, context) {
+        var handlers = ele.__z_resizeListeners
+        if (handlers) {
+            var size = handlers.length
+            for (var i = 0; i < size; i++) {
+                var h = handlers[i]
+                if (h.handler === handler && h.context === context) {
+                    handlers.splice(i, 1)
+                    return
+                }
+            }
+        }
+    },
+    _createResizeTrigger: function (ele) {
+        var obj = document.createElement('object')
+        obj.setAttribute('style',
+            'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;opacity: 0; pointer-events: none; z-index: -1;')
+        obj.onload = EleResize._handleObjectLoad
+        obj.type = 'text/html'
+        ele.appendChild(obj)
+        obj.data = 'about:blank'
+        return obj
+    },
+    _handleObjectLoad: function () {
+        this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__
+        this.contentDocument.defaultView.addEventListener('resize', EleResize._handleResize)
+    }
+}
+if (document.attachEvent) { // ie9-10
+    EleResize.on = function (ele, handler, context) {
+        var handlers = ele.__z_resizeListeners
+        if (!handlers) {
+            handlers = []
+            ele.__z_resizeListeners = handlers
+            ele.__resizeTrigger__ = ele
+            ele.attachEvent('onresize', EleResize._handleResize)
+        }
+        handlers.push({
+            handler: handler,
+            context: context
+        })
+    }
+    EleResize.off = function (ele, handler, context) {
+        var handlers = ele.__z_resizeListeners
+        if (handlers) {
+            EleResize._removeHandler(ele, handler, context)
+            if (handlers.length === 0) {
+                ele.detachEvent('onresize', EleResize._handleResize)
+                delete ele.__z_resizeListeners
+            }
+        }
+    }
+} else {
+    EleResize.on = function (ele, handler, context) {
+        var handlers = ele.__z_resizeListeners
+        if (!handlers) {
+            handlers = []
+            ele.__z_resizeListeners = handlers
+
+            if (getComputedStyle(ele, null).position === 'static') {
+                ele.style.position = 'relative'
+            }
+            var obj = EleResize._createResizeTrigger(ele)
+            ele.__resizeTrigger__ = obj
+            obj.__resizeElement__ = ele
+        }
+        handlers.push({
+            handler: handler,
+            context: context
+        })
+    }
+    EleResize.off = function (ele, handler, context) {
+        var handlers = ele.__z_resizeListeners
+        if (handlers) {
+            EleResize._removeHandler(ele, handler, context)
+            if (handlers.length === 0) {
+                var trigger = ele.__resizeTrigger__
+                if (trigger) {
+                    trigger.contentDocument.defaultView.removeEventListener('resize', EleResize._handleResize)
+                    ele.removeChild(trigger)
+                    delete ele.__resizeTrigger__
+                }
+                delete ele.__z_resizeListeners
+            }
+        }
+    }
+}
+export {EleResize}

package/jsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "examples/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "vue2-openlayers",
+  "version": "0.1.0",
+  "private": false,
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs",
+    "lib": "vue-cli-service build --target lib ./packages/index.js --name vue-openlayers --dest vue-opnelayers && npm run lib-init",
+    "lib-init": "node -e \"const pkg = require('./package.json'); require('fs').writeFileSync('./vue2-openlayers/package.json', JSON.stringify(Object.assign({}, pkg, { version: pkg.version }), null, 2))\""
+  },
+  "dependencies": {
+    "@turf/turf": "^7.0.0",
+    "core-js": "^3.8.3",
+    "echarts": "4.9.0",
+    "js-cookie": "3.0.1",
+    "ol": "^9.2.4",
+    "px2rem-loader": "^0.1.9",
+    "sass": "^1.43.4",
+    "sass-loader": "^14.2.1",
+    "vue": "^2.6.14"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "postcss-pxtorem": "^6.1.0",
+    "vue-template-compiler": "^2.6.14",
+    "vuepress": "^1.9.10"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

package/vue-opnelayers/demo.html

@@ -0,0 +1 @@
+<!doctype html><meta charset="utf-8"><title>vue-openlayers demo</title><script src="./vue-openlayers.umd.js"></script><link rel="stylesheet" href="./vue-openlayers.css"><script>console.log(vue-openlayers)</script>