v-ol-map 1.0.7 → 1.0.9

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 (37) hide show
  1. package/{lib → dist}/ol-map.es.js +0 -0
  2. package/{lib → dist}/ol-map.umd.js +0 -0
  3. package/{lib → dist}/style.css +0 -0
  4. package/{lib → dist}/vite.svg +0 -0
  5. package/package.json +5 -3
  6. package/.eslintrc.cjs +0 -29
  7. package/.vscode/extensions.json +0 -3
  8. package/index.html +0 -13
  9. package/public/vite.svg +0 -1
  10. package/src/App.vue +0 -13
  11. package/src/assets/vue.svg +0 -1
  12. package/src/components/index.js +0 -13
  13. package/src/components/index.js.map +0 -1
  14. package/src/components/index.ts +0 -16
  15. package/src/components/layers/base.ts +0 -48
  16. package/src/components/layers/tile/index.js +0 -6
  17. package/src/components/layers/tile/index.js.map +0 -1
  18. package/src/components/layers/tile/index.ts +0 -8
  19. package/src/components/layers/tile/tile.vue +0 -97
  20. package/src/components/map/index.js +0 -6
  21. package/src/components/map/index.js.map +0 -1
  22. package/src/components/map/index.ts +0 -8
  23. package/src/components/map/map.vue +0 -91
  24. package/src/main.js +0 -6
  25. package/src/main.js.map +0 -1
  26. package/src/main.ts +0 -6
  27. package/src/style.css +0 -82
  28. package/src/utils/cityMap.js +0 -2260
  29. package/src/utils/cityMap.js.map +0 -1
  30. package/src/utils/cityMap.ts +0 -2263
  31. package/src/utils/index.js +0 -59
  32. package/src/utils/index.js.map +0 -1
  33. package/src/utils/index.ts +0 -77
  34. package/src/vite-env.d.ts +0 -7
  35. package/tsconfig.json +0 -23
  36. package/tsconfig.node.json +0 -9
  37. package/vite.config.ts +0 -41
package/{lib → dist}/ol-map.es.js RENAMED
File without changes
package/{lib → dist}/ol-map.umd.js RENAMED
File without changes
package/{lib → dist}/style.css RENAMED
File without changes
package/{lib → dist}/vite.svg RENAMED
File without changes
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "v-ol-map",
3
3
  "private": false,
4
- "version": "1.0.7",
5
- "type": "module",
6
- "main": "lib/ol-map.umd.js",
4
+ "version": "1.0.9",
5
+ "main": "dist/ol-map.umd.js",
6
+ "files": ["dist/*"],
7
7
  "scripts": {
8
8
  "dev": "vite",
9
9
  "build": "vue-tsc --noEmit && vite build",
10
+ "clean:dist": "rimraf dist",
10
11
  "preview": "vite preview",
11
12
  "publish": "npm publish"
12
13
  },
@@ -21,6 +22,7 @@
21
22
  "@typescript-eslint/eslint-plugin": "^5.32.0",
22
23
  "@typescript-eslint/parser": "^5.32.0",
23
24
  "@vitejs/plugin-vue": "^3.0.0",
25
+ "@vitejs/plugin-vue-jsx": "^2.0.0",
24
26
  "eslint": "^8.21.0",
25
27
  "eslint-config-standard": "^17.0.0",
26
28
  "eslint-plugin-import": "^2.26.0",
package/.eslintrc.cjs DELETED
@@ -1,29 +0,0 @@
1
- module.exports = {
2
- env: {
3
- browser: true,
4
- es2021: true
5
- },
6
- extends: [
7
- 'plugin:vue/vue3-essential',
8
- 'standard'
9
- ],
10
- parserOptions: {
11
- ecmaVersion: 'latest',
12
- parser: '@typescript-eslint/parser',
13
- sourceType: 'module'
14
- },
15
- plugins: [
16
- 'vue',
17
- '@typescript-eslint'
18
- ],
19
- settings: {
20
- 'import/resolver': {
21
- node: {
22
- extensions: ['.js', '.jsx', '.ts', '.tsx'],
23
- },
24
- },
25
- },
26
- rules: {
27
-
28
- }
29
- }
package/.vscode/extensions.json DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "recommendations": ["Vue.volar"]
3
- }
package/index.html DELETED
@@ -1,13 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Vite + Vue + TS</title>
8
- </head>
9
- <body>
10
- <div id="app"></div>
11
- <script type="module" src="/src/main.ts"></script>
12
- </body>
13
- </html>
package/public/vite.svg DELETED
@@ -1 +0,0 @@
1
- <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/src/App.vue DELETED
@@ -1,13 +0,0 @@
1
- <script setup lang="ts">
2
- // This starter template is using Vue 3 <script setup> SFCs
3
- // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
4
- </script>
5
-
6
- <template>
7
- <v-map>
8
- <v-tile></v-tile>
9
- </v-map>
10
- </template>
11
-
12
- <style scoped>
13
- </style>
package/src/assets/vue.svg DELETED
@@ -1 +0,0 @@
1
- <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="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
package/src/components/index.js DELETED
@@ -1,13 +0,0 @@
1
- import vMap from '@/components/map/index';
2
- import vTile from '@/components/layers/tile/index';
3
- const components = [vMap, vTile];
4
- const install = (app) => {
5
- components.forEach(item => {
6
- app.component(item.name, item);
7
- });
8
- };
9
- export default {
10
- install,
11
- ...components
12
- };
13
- //# sourceMappingURL=index.js.map
package/src/components/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,wBAAwB,CAAA;AACzC,OAAO,KAAK,MAAM,gCAAgC,CAAA;AAElD,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;AAEhC,MAAM,OAAO,GAAG,CAAC,GAAQ,EAAE,EAAE;IAC3B,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACxB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;IAChC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,eAAe;IACb,OAAO;IACP,GAAG,UAAU;CACd,CAAA"}
package/src/components/index.ts DELETED
@@ -1,16 +0,0 @@
1
- import { App } from 'vue'
2
- import vMap from '@/components/map/index'
3
- import vTile from '@/components/layers/tile/index'
4
-
5
- const components = [vMap, vTile]
6
-
7
- const install = (app: App) => {
8
- components.forEach(item => {
9
- app.component(item.name, item)
10
- })
11
- }
12
-
13
- export default {
14
- install,
15
- ...components
16
- }
package/src/components/layers/base.ts DELETED
@@ -1,48 +0,0 @@
1
- export default {
2
- className: {
3
- type: String,
4
- default: 'ol-layer'
5
- },
6
- opacity: {
7
- type: Number,
8
- default: 1
9
- },
10
- visible: {
11
- type: Boolean,
12
- default: true
13
- },
14
- extent: {
15
- type: Array
16
- },
17
- zIndex: {
18
- type: Number
19
- },
20
- minResolution: {
21
- type: Number
22
- },
23
- maxResolution: {
24
- type: Number
25
- },
26
- minZoom: {
27
- type: Number
28
- },
29
- maxZoom: {
30
- type: Number
31
- },
32
- title: {
33
- type: String
34
- },
35
- name: {
36
- type: String
37
- },
38
- preview: {
39
- type: String
40
- },
41
- baseLayer: {
42
- type: Boolean
43
- },
44
- properties: {
45
- type: Object,
46
- default: () => { }
47
- }
48
- }
package/src/components/layers/tile/index.js DELETED
@@ -1,6 +0,0 @@
1
- import vTile from '@/components/layers/tile/tile.vue';
2
- vTile.install = (Vue) => {
3
- Vue.component(vTile.name, vTile);
4
- };
5
- export default vTile;
6
- //# sourceMappingURL=index.js.map
package/src/components/layers/tile/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,mCAAmC,CAAA;AAEpD,KAAa,CAAC,OAAO,GAAG,CAAC,GAAQ,EAAE,EAAE;IACpC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;AAClC,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
package/src/components/layers/tile/index.ts DELETED
@@ -1,8 +0,0 @@
1
- import { App } from 'vue'
2
- import vTile from '@/components/layers/tile/tile.vue'
3
-
4
- (vTile as any).install = (Vue: App) => {
5
- Vue.component(vTile.name, vTile)
6
- }
7
-
8
- export default vTile
package/src/components/layers/tile/tile.vue DELETED
@@ -1,97 +0,0 @@
1
- <script setup lang="ts">
2
- import { onMounted, defineProps, unref, ref, inject } from 'vue'
3
- import base from '@/components/layers/base'
4
- import { XYZ } from 'ol/source'
5
- import { Tile as TileLayer } from 'ol/layer'
6
- import { nanoid } from 'nanoid'
7
-
8
- const VMap:any = inject('VMap')
9
-
10
- const props = defineProps({
11
- ...base,
12
- ...{
13
- layerId: {
14
- type: String,
15
- default: `tile-layer-${nanoid()}`
16
- },
17
- preload: {
18
- type: Number,
19
- default: 0
20
- },
21
- tileType: {
22
- type: String,
23
- default: 'TD'
24
- },
25
- tdVec: {
26
- type: String
27
- },
28
- tdCva: {
29
- type: String
30
- },
31
- tdImg: {
32
- type: String
33
- },
34
- tdCia: {
35
- type: String
36
- },
37
- gdUrl: {
38
- type: String
39
- },
40
- base: {
41
- type: Boolean,
42
- default: true
43
- },
44
- xyz: {
45
- type: Object
46
- },
47
- wms: {
48
- type: Object
49
- }
50
- }
51
- })
52
-
53
- let layers = []
54
-
55
- function init ():void {
56
- const layerVec = initXYZbyURL(
57
- 'http://t4.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=88e2f1d5ab64a7477a7361edd6b5f68a'
58
- )
59
- const layerCva = initXYZbyURL(
60
- 'http://t3.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=88e2f1d5ab64a7477a7361edd6b5f68a'
61
- )
62
- layers = [layerVec, layerCva]
63
- console.log(VMap)
64
- layers.forEach((layer) => {
65
- VMap.addLayer(layer)
66
- })
67
- }
68
-
69
- function initXYZbyURL (url: string): any {
70
- const xyzOpt = {
71
- ...{ crossOrigin: 'anonymous' },
72
- ...props.xyz,
73
- ...{ url }
74
- }
75
- const source = new XYZ(xyzOpt)
76
- const layerOpt:any = { ...props, ...{ source } }
77
- console.log(layerOpt)
78
- const layer = new TileLayer(layerOpt)
79
- layer.set('base', true)
80
- layer.setZIndex(0)
81
- return layer
82
- }
83
-
84
- onMounted(() => {
85
- console.log(props.className)
86
- console.log(unref(props))
87
- console.log(ref(props).value)
88
- init()
89
- })
90
- </script>
91
- <script lang="ts">
92
- export default { name: 'v-tile' }
93
- </script>
94
-
95
- <style scoped>
96
-
97
- </style>
package/src/components/map/index.js DELETED
@@ -1,6 +0,0 @@
1
- import vMap from '@/components/map/map.vue';
2
- vMap.install = (Vue) => {
3
- Vue.component(vMap.name, vMap);
4
- };
5
- export default vMap;
6
- //# sourceMappingURL=index.js.map
package/src/components/map/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAE3C,IAAY,CAAC,OAAO,GAAG,CAAC,GAAQ,EAAE,EAAE;IACnC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AAChC,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
package/src/components/map/index.ts DELETED
@@ -1,8 +0,0 @@
1
- import { App } from 'vue'
2
- import vMap from '@/components/map/map.vue';
3
-
4
- (vMap as any).install = (Vue: App) => {
5
- Vue.component(vMap.name, vMap)
6
- }
7
-
8
- export default vMap
package/src/components/map/map.vue DELETED
@@ -1,91 +0,0 @@
1
- <script setup lang="ts">
2
- import { computed, defineProps, onMounted, unref, ref, provide } from 'vue'
3
- import type { PropType } from 'vue'
4
- import { nanoid } from 'nanoid'
5
- import { OlMap } from '@/utils'
6
- import { ViewOptions } from 'ol/View'
7
- import { DefaultsOptions as ControlOptions } from 'ol/control'
8
- import {
9
- DefaultsOptions as InteractionOptions
10
- } from 'ol/interaction'
11
-
12
- // props
13
- const props = defineProps({
14
- target: {
15
- type: String as PropType<string>,
16
- // string 首字母小写为 typescript 对应 js 中的基础类型
17
- default: `map-${nanoid()}`
18
- },
19
- width: {
20
- type: [String, Number],
21
- default: '100%'
22
- },
23
- height: {
24
- type: [String, Number],
25
- default: '100%'
26
- },
27
- view: {
28
- type: Object as PropType<ViewOptions>
29
- },
30
- controls: {
31
- type: Object as PropType<ControlOptions>
32
- },
33
- interaction: {
34
- type: Object as PropType<InteractionOptions>
35
- }
36
- })
37
- // computed
38
- const mapWidth = computed(() => {
39
- return typeof props.width === 'string' ? props.width : props.width.toString() + 'px'
40
- })
41
- const mapHeight = computed(() => {
42
- return typeof props.height === 'string' ? props.height : props.height.toString() + 'px'
43
- })
44
- const mapOption = computed<any>(() => {
45
- return {
46
- target: props.target,
47
- view: props.view,
48
- controls: props.controls,
49
- interaction: props.interaction
50
- }
51
- })
52
- // data
53
- const load = ref(false)
54
- let map:any = null
55
-
56
- // methods
57
- function init (): Promise<string> {
58
- return new Promise((resolve, reject) => {
59
- map = new OlMap(unref(mapOption))
60
- console.log(map)
61
- if (map) {
62
- // provide
63
- provide('VMap', map)
64
- resolve('success')
65
- } else {
66
- reject(new Error('fail'))
67
- }
68
- })
69
- }
70
- // hook
71
- onMounted(() => {
72
- init().then(res => {
73
- if (res === 'success') {
74
- load.value = true
75
- }
76
- })
77
- })
78
- </script>
79
- <script lang="ts">
80
- export default { name: 'v-map' }
81
- </script>
82
-
83
- <template>
84
- <div :id="props.target" :style="{ width: mapWidth, height: mapHeight }">
85
- <slot v-if="load"/>
86
- </div>
87
- </template>
88
-
89
- <style scoped>
90
-
91
- </style>
package/src/main.js DELETED
@@ -1,6 +0,0 @@
1
- import { createApp } from 'vue';
2
- import './style.css';
3
- import App from './App.vue';
4
- import olMap from '@/components/index';
5
- createApp(App).use(olMap).mount('#app');
6
- //# sourceMappingURL=main.js.map
package/src/main.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,aAAa,CAAA;AACpB,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA"}
package/src/main.ts DELETED
@@ -1,6 +0,0 @@
1
- import { createApp } from 'vue'
2
- import './style.css'
3
- import App from './App.vue'
4
- import olMap from '@/components/index'
5
-
6
- createApp(App).use(olMap).mount('#app')
package/src/style.css DELETED
@@ -1,82 +0,0 @@
1
- :root {
2
- font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3
- font-size: 16px;
4
- line-height: 24px;
5
- font-weight: 400;
6
-
7
- color-scheme: light dark;
8
- color: rgba(255, 255, 255, 0.87);
9
- background-color: #242424;
10
-
11
- font-synthesis: none;
12
- text-rendering: optimizeLegibility;
13
- -webkit-font-smoothing: antialiased;
14
- -moz-osx-font-smoothing: grayscale;
15
- -webkit-text-size-adjust: 100%;
16
- }
17
-
18
- a {
19
- font-weight: 500;
20
- color: #646cff;
21
- text-decoration: inherit;
22
- }
23
- a:hover {
24
- color: #535bf2;
25
- }
26
-
27
- html,body {
28
- width: 100%;
29
- height: 100%;
30
- margin: 0;
31
- display: flex;
32
- place-items: center;
33
- }
34
-
35
- h1 {
36
- font-size: 3.2em;
37
- line-height: 1.1;
38
- }
39
-
40
- button {
41
- border-radius: 8px;
42
- border: 1px solid transparent;
43
- padding: 0.6em 1.2em;
44
- font-size: 1em;
45
- font-weight: 500;
46
- font-family: inherit;
47
- background-color: #1a1a1a;
48
- cursor: pointer;
49
- transition: border-color 0.25s;
50
- }
51
- button:hover {
52
- border-color: #646cff;
53
- }
54
- button:focus,
55
- button:focus-visible {
56
- outline: 4px auto -webkit-focus-ring-color;
57
- }
58
-
59
- .card {
60
- padding: 2em;
61
- }
62
-
63
- #app {
64
- width: 100%;
65
- height: 100%;
66
- margin: 0 auto;
67
- padding: 0;
68
- text-align: center;
69
- }
70
-
71
- @media (prefers-color-scheme: light) {
72
- :root {
73
- color: #213547;
74
- background-color: #ffffff;
75
- }
76
- a:hover {
77
- color: #747bff;
78
- }
79
- button {
80
- background-color: #f9f9f9;
81
- }
82
- }