npm - v-ol-map - Versions diffs - 1.1.0 → 1.2.1 - Mend

v-ol-map 1.1.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/lib/ol-map.es.js +10755 -4791
package/lib/ol-map.umd.js +10 -2
package/package.json +19 -1
package/.eslintrc.cjs +0 -20
package/counter.js +0 -9
package/index.html +0 -13
package/javascript.svg +0 -1
package/jsconfig.json +0 -9
package/lib/vite.svg +0 -1
package/public/vite.svg +0 -1
package/src/App.vue +0 -46
package/src/components/index.js +0 -25
package/src/components/layers/BaseLayer.vue +0 -59
package/src/components/layers/tile/index.js +0 -7
package/src/components/layers/tile/index.vue +0 -308
package/src/components/map/index.js +0 -7
package/src/components/map/index.vue +0 -194
package/src/main.js +0 -10
package/src/utils/cityMap.js +0 -2255
package/src/utils/index.js +0 -103
package/src/utils/projConvert.js +0 -320
package/style.css +0 -97
package/vite.config.js +0 -32

package/package.json CHANGED Viewed

@@ -1,8 +1,22 @@
 {
   "name": "v-ol-map",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.2.1",
   "main": "lib/ol-map.umd.js",
+  "module": "lib/ol-map.es.js",
+  "exports": {
+    ".": {
+      "import": "./lib/ol-map.es.js",
+      "require": "./lib/ol-map.umd.js"
+    },
+    "./dist/style.css": {
+      "import": "./lib/style.css",
+      "require": "./lib/style.css"
+    }
+  },
+  "files": [
+    "lib"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -11,6 +25,7 @@
     "publish": "npm publish"
   },
   "devDependencies": {
+    "@types/node": "^18.6.5",
     "eslint": "^8.21.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.26.0",
@@ -21,9 +36,12 @@
     "vite-plugin-vue2": "^2.0.2"
   },
   "dependencies": {
+    "@turf/turf": "^6.5.0",
+    "axios": "^0.27.2",
     "nanoid": "^4.0.0",
     "ol": "^6.15.1",
     "pinyin-pro": "^3.11.0",
+    "qs": "^6.11.0",
     "vue": "^2.7.8",
     "vue-template-compiler": "^2.7.8"
   }

package/.eslintrc.cjs DELETED Viewed

@@ -1,20 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-    node: true
-  },
-  extends: [
-    'plugin:vue/vue3-essential',
-    'standard'
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module'
-  },
-  plugins: [
-    'vue'
-  ],
-  rules: {
-  }
-}

package/counter.js DELETED Viewed

@@ -1,9 +0,0 @@
-export function setupCounter(element) {
-  let counter = 0
-  const setCounter = (count) => {
-    counter = count
-    element.innerHTML = `count is ${counter}`
-  }
-  element.addEventListener('click', () => setCounter(++counter))
-  setCounter(0)
-}

package/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>

package/javascript.svg DELETED Viewed

@@ -1 +0,0 @@

- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#F7DF1E" d="M0 0h256v256H0V0Z"></path><path d="m67.312 213.932l19.59-11.856c3.78 6.701 7.218 12.371 15.465 12.371c7.905 0 12.89-3.092 12.89-15.12v-81.798h24.057v82.138c0 24.917-14.606 36.259-35.916 36.259c-19.245 0-30.416-9.967-36.087-21.996m85.07-2.576l19.588-11.341c5.157 8.421 11.859 14.607 23.715 14.607c9.969 0 16.325-4.984 16.325-11.858c0-8.248-6.53-11.17-17.528-15.98l-6.013-2.58c-17.357-7.387-28.87-16.667-28.87-36.257c0-18.044 13.747-31.792 35.228-31.792c15.294 0 26.292 5.328 34.196 19.247l-18.732 12.03c-4.125-7.389-8.591-10.31-15.465-10.31c-7.046 0-11.514 4.468-11.514 10.31c0 7.217 4.468 10.14 14.778 14.608l6.014 2.577c20.45 8.765 31.963 17.7 31.963 37.804c0 21.654-17.012 33.51-39.867 33.51c-22.339 0-36.774-10.654-43.819-24.574"></path></svg>

package/jsconfig.json DELETED Viewed

@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": "./",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  },
-  "exclude": ["node_modules", "dist", "lib"]
-}

package/lib/vite.svg DELETED Viewed

@@ -1 +0,0 @@

- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/public/vite.svg DELETED Viewed

@@ -1 +0,0 @@

package/src/App.vue DELETED Viewed

@@ -1,46 +0,0 @@
-<template>
-  <div id="app">
-    <v-map :view="view" @click="onClick" @contextmenu.prevent="onContextmenu">
-      <v-tile tile-type="BD"></v-tile>
-    </v-map>
-  </div>
-</template>
-<script>
-export default {
-  name: 'App',
-  data () {
-    return {
-      view: {
-        city: '厦门',
-        center: [118, 24],
-        zoom: 12
-      }
-    }
-  },
-  methods: {
-    onClick (evt, map) {
-      console.log(evt)
-      console.log(map)
-      this.view.center = evt.coordinate
-    },
-    onContextmenu (evt, map) {
-      console.log(evt)
-      console.log(map)
-    }
-  }
-}
-</script>
-<style>
-html,body {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-}
-#app {
-  width: 100%;
-  height: 100%;
-}
-</style>

package/src/components/index.js DELETED Viewed

@@ -1,25 +0,0 @@
-import VMap from '@/components/map/index'
-import VTile from '@/components/layers/tile/index'
-const components = [VMap, VTile]
-const install = function (Vue) {
-  if (install.installed) return
-  components.forEach(component => {
-    Vue.component(component.name, component)
-  })
-}
-//  全局引用可自动安装
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue)
-}
-export default {
-  install,
-  ...components
-}
-export {
-  VMap
-}

package/src/components/layers/BaseLayer.vue DELETED Viewed

@@ -1,59 +0,0 @@
-<script>
-export default {
-  render (createElement, context) {
-    return null
-  },
-  props: {
-    className: {
-      type: String,
-      default: 'ol-layer'
-    },
-    opacity: {
-      type: Number,
-      default: 1
-    },
-    visible: {
-      type: Boolean,
-      default: true
-    },
-    extent: {
-      type: Array
-    },
-    zIndex: {
-      type: Number
-    },
-    minResolution: {
-      type: Number
-    },
-    maxResolution: {
-      type: Number
-    },
-    minZoom: {
-      type: Number
-    },
-    maxZoom: {
-      type: Number
-    },
-    title: {
-      type: String
-    },
-    name: {
-      type: String
-    },
-    preview: {
-      type: String
-    },
-    baseLayer: {
-      type: Boolean
-    },
-    properties: {
-      type: Object,
-      default: () => { }
-    }
-  }
-}
-</script>
-<style scoped>
-</style>

package/src/components/layers/tile/index.js DELETED Viewed

@@ -1,7 +0,0 @@
-import vTile from '@/components/layers/tile/index.vue'
-vTile.install = function (Vue) {
-  Vue.component(vTile.name, vTile)
-}
-export default vTile

package/src/components/layers/tile/index.vue DELETED Viewed

@@ -1,308 +0,0 @@
-<script>
-import BaseLayer from '@/components/layers/BaseLayer.vue'
-import { nanoid } from 'nanoid'
-import { validObjKey } from '@/utils/index.js'
-import TileGrid from 'ol/tilegrid/TileGrid'
-import { OSM, TileWMS, XYZ } from 'ol/source.js'
-import TileLayer from 'ol/layer/Tile.js'
-export default {
-  name: 'v-tile',
-  render (createElement, context) {
-    return null
-  },
-  extends: BaseLayer,
-  inject: ['VMap'],
-  props: {
-    layerId: {
-      type: String,
-      default () {
-        return `tile-layer-${nanoid()}`
-      }
-    },
-    preload: {
-      type: Number,
-      default: 0
-    },
-    tileType: {
-      type: String,
-      default: 'TD',
-      validator: value => ['TD', 'TD_IMG', 'XYZ', 'BD', 'GD', 'OSM', 'PGIS_TILE', 'PGIS_HPYX', 'WMS'].includes(value)
-    },
-    tdVec: {
-      type: String
-    },
-    tdCva: {
-      type: String
-    },
-    tdImg: {
-      type: String
-    },
-    tdCia: {
-      type: String
-    },
-    gdUrl: {
-      type: String
-    },
-    base: {
-      type: Boolean,
-      default: true
-    },
-    xyz: {
-      type: Object,
-      default () {
-        return {}
-      }
-    },
-    wms: {
-      type: Object,
-      default () {}
-    }
-  },
-  data () {
-    return {
-      layer: null,
-      layers: []
-    }
-  },
-  computed: {
-    map () {
-      return this.VMap.map
-    }
-  },
-  watch: {
-    tileType: {
-      handler (newValue, oldValue) {
-        if (newValue && newValue !== oldValue) {
-          this.clear(oldValue)
-          this.init()
-        }
-      },
-      immediate: false,
-      deep: true
-    },
-    visible: {
-      handler (value) {
-        this.layer.setVisible(value)
-      },
-      immediate: false
-    },
-    zIndex: {
-      handler (value) {
-        this.layer.setZIndex(value)
-      },
-      immediate: false
-    },
-    maxZoom: {
-      handler (value) {
-        this.layer.setMaxZoom(value)
-      },
-      immediate: false
-    },
-    minZoom: {
-      handler (value) {
-        this.layer.setMinZoom(value)
-      },
-      immediate: false
-    },
-    extent: {
-      handler (value) {
-        this.layer.setExtent(value)
-      },
-      immediate: false
-    }
-  },
-  methods: {
-    clear (oldValue) {
-      const layers = this.map.getLayers().getArray().filter(x => x.get('base'))
-      if (layers && layers.length > 0) {
-        layers.forEach(layer => {
-          if (layer.get('tileType') === oldValue || layer.get('isDefault')) {
-            this.map.removeLayer(layer)
-          }
-        })
-      }
-    },
-    init () {
-      console.log(this.map)
-      switch (this.tileType) {
-        case 'XYZ':
-          this.initTileXYZ()
-          break
-        case 'WMS':
-          this.initTileWMS()
-          break
-        case 'TD':
-          this.initTD()
-          break
-        case 'TD_IMG':
-          this.initTDIMG()
-          break
-        case 'BD':
-          this.initBD()
-          break
-        case 'GD':
-          this.initGD()
-          break
-        case 'OSM':
-          this.initTileOSM()
-          break
-        default:
-          this.initTD()
-          break
-      }
-    },
-    initTileXYZ () {
-      let tileGrid
-      if (validObjKey(this.xyz, 'tileGrid')) {
-        tileGrid = new TileGrid(this.xyz.tileGrid)
-      }
-      const xyzOpt = { ...this.xyz, ...{ tileGrid } }
-      const source = new XYZ(xyzOpt)
-      const layerOpt = { ...this.$props, ...{ source } }
-      this.layer = new TileLayer(layerOpt)
-      this.layer.set('base', this.base)
-      this.layer.setZIndex(0)
-      this.layers = [this.layer]
-      this.map.addLayer(this.layer)
-    },
-    initTileWMS () {
-      let tileGrid
-      if (validObjKey(this.wms, 'tileGrid')) {
-        tileGrid = new TileGrid(this.wms.tileGrid)
-      }
-      const wmsOpt = { ...this.wms, ...{ tileGrid } }
-      const source = new TileWMS(wmsOpt)
-      const layerOpt = { ...this.$props, ...{ source } }
-      this.layer = new TileLayer(layerOpt)
-      this.layer.set('base', this.base)
-      this.layer.setZIndex(0)
-      this.layers = [this.layer]
-      this.map.addLayer(this.layer)
-    },
-    initTD () {
-      const layerVec = this.initXYZbyURL(this.tdVec || 'http://t4.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=88e2f1d5ab64a7477a7361edd6b5f68a')
-      const layerCva = this.initXYZbyURL(this.tdCva || 'http://t3.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=88e2f1d5ab64a7477a7361edd6b5f68a')
-      this.layers = [layerVec, layerCva]
-      this.layers.forEach(layer => {
-        this.map.addLayer(layer)
-      })
-    },
-    initXYZbyURL (url) {
-      const xyzOpt = { ...{ crossOrigin: 'anonymous' }, ...this.$props.xyz, ...{ url } }
-      const source = new XYZ(xyzOpt)
-      const layerOpt = { ...this.$props, ...{ source } }
-      const layer = new TileLayer(layerOpt)
-      layer.set('base', true)
-      layer.setZIndex(0)
-      return layer
-    },
-    initTDIMG () {
-      const layerImg = this.initXYZbyURL(this.tdImg || 'http://t4.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=88e2f1d5ab64a7477a7361edd6b5f68a')
-      const layerCia = this.initXYZbyURL(this.tdCia || 'http://t3.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=88e2f1d5ab64a7477a7361edd6b5f68a')
-      this.layers = [layerImg, layerCia]
-      this.layers.forEach(layer => {
-        this.map.addLayer(layer)
-      })
-    },
-    initBD () {
-      this.layers = this.getBDMap(this.xyz, this.$props)
-      if (this.layers.length > 0) {
-        this.layers.forEach(layer => {
-          layer.setZIndex(0)
-          this.map.addLayer(layer)
-        })
-      }
-    },
-    getBDMap (xyz, tileLayer) {
-      // const extent = [72.004, 0.8293, 137.8347, 55.8271]//中国范围
-      // 计算百度使用的分辨率
-      const resolutions = []
-      for (let i = 0; i < 19; i++) {
-        resolutions[i] = Math.pow(2, 18 - i)
-      }
-      const tilegrid = new TileGrid({
-        // extent: applyTransform(extent, projzh.ll2bmerc),
-        origin: [0, 0], // 设置原点坐标
-        resolutions // 设置分辨率
-      })
-      // 创建百度地图的数据源
-      const xyzOpt = {
-        ...xyz,
-        ...{
-          projection: 'baidu',
-          tileGrid: tilegrid,
-          tileUrlFunction: function (tileCoord, pixelRatio, proj) {
-            if (!tileCoord) {
-              return ''
-            }
-            const z = tileCoord[0]
-            const x = tileCoord[1]
-            const y = -tileCoord[2] - 1
-            return 'https://maponline1.bdimg.com/tile/?qt=vtile&x=' +
-                x + '&y=' + y + '&z=' + z +
-                '&styles=pl&scaler=1&udt=20220113&from=jsapi2_0'
-          },
-          crossOrigin: 'anonymous'
-        }
-      }
-      const tile = new XYZ(xyzOpt)
-      // 百度地图层
-      const layerOpt = { ...tileLayer, ...{ source: tile } }
-      const layer = new TileLayer(layerOpt)
-      layer.set('type', 'bd')
-      layer.set('name', 'bd')
-      layer.set('base', true)
-      return [layer]
-    },
-    initGD () {
-      this.layers = this.getAMap(this.xyz, this.$props, this.gdUrl)
-      this.layers.forEach(layer => {
-        this.map.addLayer(layer)
-      })
-    },
-    getAMap (xyz, tileLayer, url) {
-      const xyzOpt = {
-        ...xyz,
-        ...{
-          url: url || 'http://wprd0{1-4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7',
-          projection: 'GCJ02',
-          crossOrigin: 'anonymous'
-        }
-      }
-      const tile = new XYZ(xyzOpt)
-      const layerOpt = { ...tileLayer, ...{ source: tile } }
-      const layer = new TileLayer(layerOpt)
-      layer.set('type', 'AMap')
-      layer.set('name', 'AMap')
-      layer.set('base', true)
-      return [layer]
-    },
-    initTileOSM () {
-      const source = new OSM()
-      const layerOpt = { ...this.$props, ...{ source } }
-      this.layer = new TileLayer(layerOpt)
-      this.layer.set('base', this.base)
-      this.layer.setZIndex(0)
-      this.layers = [this.layer]
-      this.map.addLayer(this.layer)
-    }
-  },
-  updated () {
-    this.init()
-  },
-  mounted () {
-    this.init()
-  },
-  beforeUnmount () {
-    this.layers.forEach(layer => {
-      layer.getSource().clear()
-      this.map.removeLayer(layer)
-    })
-  }
-}
-</script>
-<style scoped>
-</style>

package/src/components/map/index.js DELETED Viewed

@@ -1,7 +0,0 @@
-import VMap from '@/components/map/index.vue'
-VMap.install = function (Vue) {
-  Vue.component(VMap.name, VMap)
-}
-export default VMap