@delta10/atlas-sdk 0.1.12 → 0.2.0
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.
- package/README.md +113 -36
- package/dist/assets/index-BxWjC_eB.js +12 -0
- package/dist/assets/index-DTZ2AlyB.css +1 -0
- package/dist/index.html +14 -0
- package/package.json +1 -1
- package/dist/Example.vue.d.ts +0 -3
- package/dist/_virtual/_plugin-vue_export-helper.js +0 -9
- package/dist/assets/icons/layers.svg.js +0 -23
- package/dist/assets/icons/map.svg.js +0 -21
- package/dist/assets/icons/minus.svg.js +0 -20
- package/dist/assets/icons/plus.svg.js +0 -20
- package/dist/components/Map.vue.d.ts +0 -99
- package/dist/components/Map.vue.js +0 -7
- package/dist/components/Map.vue2.js +0 -522
- package/dist/components/index.d.ts +0 -1
- package/dist/components/panels/BaseLayers.vue.d.ts +0 -23
- package/dist/components/panels/BaseLayers.vue.js +0 -7
- package/dist/components/panels/BaseLayers.vue2.js +0 -50
- package/dist/components/panels/Layers.vue.d.ts +0 -23
- package/dist/components/panels/Layers.vue.js +0 -7
- package/dist/components/panels/Layers.vue2.js +0 -35
- package/dist/data/demo-data.d.ts +0 -15
- package/dist/index.d.ts +0 -8
- package/dist/index.js +0 -10
- package/dist/main.d.ts +0 -1
- package/dist/style.css +0 -1
- package/dist/utils/projections.d.ts +0 -5
- package/dist/utils/projections.js +0 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.wrapper[data-v-7a503b81]{position:absolute;bottom:100%;right:0;padding:8px 12px;background:#fff;border-radius:4px 4px 0;box-shadow:0 2px 8px #00000026;min-width:150px;z-index:1000;margin-bottom:8px}ul[data-v-7a503b81]{list-style:none;margin:0;padding:0}.layer[data-v-7a503b81]{position:relative;display:flex;margin-bottom:4px}.layer[data-v-7a503b81]:last-child{margin-bottom:0}.layer>input[data-v-7a503b81]{position:absolute;top:6px;left:0;width:12px;height:12px;margin:0;cursor:pointer}.layer>label[data-v-7a503b81]{display:block;position:relative;width:100%;cursor:pointer;padding:3px 0 3px 18px;-webkit-user-select:none;user-select:none;font-size:14px;white-space:nowrap}.wrapper[data-v-16f7d1b3]{position:absolute;bottom:100%;left:0;padding:12px;background:#fff;border-radius:4px 4px 4px 0;box-shadow:0 2px 8px #00000026;min-width:200px;z-index:1000;margin-bottom:8px}ul[data-v-16f7d1b3]{list-style:none;margin:0;padding:0}.layer[data-v-16f7d1b3]{margin-bottom:8px}.layer[data-v-16f7d1b3]:last-child{margin-bottom:0}.layer-control[data-v-16f7d1b3]{display:flex;align-items:center;cursor:pointer;gap:8px}.layer-checkbox[data-v-16f7d1b3]{flex-shrink:0}.layer-title[data-v-16f7d1b3]{font-size:14px;font-weight:500;color:#333;line-height:1.3}.map-container[data-v-00ea6e03]{position:relative;width:100%;height:100%}.bottom-right-panels[data-v-00ea6e03]{position:absolute;z-index:1;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px}.bottom-left-panels[data-v-00ea6e03]{position:absolute;z-index:1;bottom:20px;left:20px;display:flex;flex-direction:column;gap:8px}.zoom-panel[data-v-00ea6e03],.base-layers-control[data-v-00ea6e03],.layers-control[data-v-00ea6e03]{display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 1px 4px #0003;overflow:visible;position:relative}.iconbutton[data-v-00ea6e03]{width:30px;height:30px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0}.iconbutton[data-v-00ea6e03]:hover{background:#f0f0f0}.iconbutton.isActive[data-v-00ea6e03]{background:#e6f3ff}.iconbutton[data-v-00ea6e03]:not(:last-child){border-bottom:1px solid #ddd}.fade-enter-active[data-v-00ea6e03],.fade-leave-active[data-v-00ea6e03]{transition:opacity .2s ease}.fade-enter-from[data-v-00ea6e03],.fade-leave-to[data-v-00ea6e03]{opacity:0}.modify-overlay[data-v-00ea6e03]{display:flex;flex-direction:column;align-items:stretch;gap:6px;background:#fff;padding:6px;border-radius:4px;box-shadow:0 2px 8px #0003;border:1px solid #ccc}.modify-overlay-label[data-v-00ea6e03]{max-width:220px;padding:0 6px;color:#333;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modify-overlay-actions[data-v-00ea6e03]{display:flex;gap:4px}.modify-btn[data-v-00ea6e03]{padding:6px 12px;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s}.modify-btn-ok[data-v-00ea6e03]{background:#4caf50;color:#fff}.modify-btn-ok[data-v-00ea6e03]:hover{background:#45a049}.modify-btn-cancel[data-v-00ea6e03]{background:#f44336;color:#fff}.modify-btn-cancel[data-v-00ea6e03]:hover{background:#da190b}body{margin:0;padding:20px;font-family:Open Sans,sans-serif;font-size:13px}.map-container{width:1000px;height:500px;border:1px solid #ccc;border-radius:4px}.example-container{width:1000px}.interaction-control{margin-top:12px;display:flex;align-items:center;gap:8px}.interaction-control select{min-width:180px;padding:4px 8px}.message-display{margin-top:12px;padding:8px 12px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:12px;color:#333}
|
package/dist/index.html
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
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>zaanstad-atlas-sdk</title>
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-BxWjC_eB.js"></script>
|
|
9
|
+
<link rel="stylesheet" crossorigin href="/assets/index-DTZ2AlyB.css">
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<div id="app"></div>
|
|
13
|
+
</body>
|
|
14
|
+
</html>
|
package/package.json
CHANGED
package/dist/Example.vue.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
-
declare const _default: typeof __VLS_export;
|
|
3
|
-
export default _default;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { openBlock as l, createElementBlock as n, createElementVNode as t } from "vue";
|
|
2
|
-
const o = {
|
|
3
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24"
|
|
6
|
-
};
|
|
7
|
-
function r(c, e) {
|
|
8
|
-
return l(), n("svg", o, [...e[0] || (e[0] = [
|
|
9
|
-
t("path", {
|
|
10
|
-
fill: "none",
|
|
11
|
-
d: "M0 0h24v24H0z"
|
|
12
|
-
}, null, -1),
|
|
13
|
-
t("path", {
|
|
14
|
-
fill: "currentColor",
|
|
15
|
-
d: "m11.99 18.54-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27zm0-11.47L17.74 9 12 13.47 6.26 9z"
|
|
16
|
-
}, null, -1)
|
|
17
|
-
])]);
|
|
18
|
-
}
|
|
19
|
-
const s = { render: r };
|
|
20
|
-
export {
|
|
21
|
-
s as default,
|
|
22
|
-
r as render
|
|
23
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { openBlock as t, createElementBlock as n, createElementVNode as e } from "vue";
|
|
2
|
-
const o = {
|
|
3
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
fill: "currentColor"
|
|
7
|
-
};
|
|
8
|
-
function r(c, l) {
|
|
9
|
-
return t(), n("svg", o, [...l[0] || (l[0] = [
|
|
10
|
-
e("path", {
|
|
11
|
-
fill: "none",
|
|
12
|
-
d: "M0 0h24v24H0z"
|
|
13
|
-
}, null, -1),
|
|
14
|
-
e("path", { d: "m20.5 3-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5M10 5.47l4 1.4v11.66l-4-1.4zm-5 .99 3-1.01v11.7l-3 1.16zm14 11.08-3 1.01V6.86l3-1.16z" }, null, -1)
|
|
15
|
-
])]);
|
|
16
|
-
}
|
|
17
|
-
const m = { render: r };
|
|
18
|
-
export {
|
|
19
|
-
m as default,
|
|
20
|
-
r as render
|
|
21
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
|
|
2
|
-
const l = {
|
|
3
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
width: "10",
|
|
5
|
-
height: "2"
|
|
6
|
-
};
|
|
7
|
-
function r(d, e) {
|
|
8
|
-
return t(), n("svg", l, [...e[0] || (e[0] = [
|
|
9
|
-
o("path", {
|
|
10
|
-
fill: "#000",
|
|
11
|
-
"fill-rule": "evenodd",
|
|
12
|
-
d: "M10 2V0H0v2z"
|
|
13
|
-
}, null, -1)
|
|
14
|
-
])]);
|
|
15
|
-
}
|
|
16
|
-
const s = { render: r };
|
|
17
|
-
export {
|
|
18
|
-
s as default,
|
|
19
|
-
r as render
|
|
20
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { openBlock as t, createElementBlock as l, createElementVNode as n } from "vue";
|
|
2
|
-
const o = {
|
|
3
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
width: "10",
|
|
5
|
-
height: "10"
|
|
6
|
-
};
|
|
7
|
-
function r(d, e) {
|
|
8
|
-
return t(), l("svg", o, [...e[0] || (e[0] = [
|
|
9
|
-
n("path", {
|
|
10
|
-
fill: "#000",
|
|
11
|
-
"fill-rule": "evenodd",
|
|
12
|
-
d: "M4 10h2V6h4V4H6V0H4v4H0v2h4z"
|
|
13
|
-
}, null, -1)
|
|
14
|
-
])]);
|
|
15
|
-
}
|
|
16
|
-
const s = { render: r };
|
|
17
|
-
export {
|
|
18
|
-
s as default,
|
|
19
|
-
r as render
|
|
20
|
-
};
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
export type StyleConfig = any;
|
|
2
|
-
export interface SelectableConfig {
|
|
3
|
-
enabled: boolean;
|
|
4
|
-
layers: string[];
|
|
5
|
-
style?: StyleConfig;
|
|
6
|
-
}
|
|
7
|
-
export interface ModifyConfig {
|
|
8
|
-
enabled: boolean;
|
|
9
|
-
layer: string;
|
|
10
|
-
style?: StyleConfig;
|
|
11
|
-
}
|
|
12
|
-
export interface SnapConfig {
|
|
13
|
-
enabled: boolean;
|
|
14
|
-
targetLayer: string;
|
|
15
|
-
pixelTolerance?: number;
|
|
16
|
-
}
|
|
17
|
-
export interface InteractionsConfig {
|
|
18
|
-
selectable?: SelectableConfig;
|
|
19
|
-
modify?: ModifyConfig;
|
|
20
|
-
snap?: SnapConfig;
|
|
21
|
-
}
|
|
22
|
-
export interface LayerConfig {
|
|
23
|
-
type: "wmts" | "vector" | "wms";
|
|
24
|
-
options: {
|
|
25
|
-
identifier: string;
|
|
26
|
-
title: string;
|
|
27
|
-
url?: string;
|
|
28
|
-
layer?: string;
|
|
29
|
-
matrixSet?: string;
|
|
30
|
-
format?: string;
|
|
31
|
-
projection?: string;
|
|
32
|
-
features?: Array<{
|
|
33
|
-
type: "Point" | "Polygon";
|
|
34
|
-
coordinates: number[] | number[][][] | number[][][][];
|
|
35
|
-
properties?: Record<string, any>;
|
|
36
|
-
}>;
|
|
37
|
-
style?: StyleConfig;
|
|
38
|
-
styleFunction?: (feature: any, currentStyle: any, resolution: number) => any;
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
type __VLS_Props = {
|
|
42
|
-
layers?: LayerConfig[];
|
|
43
|
-
baseLayers?: LayerConfig[];
|
|
44
|
-
toggleableLayers?: LayerConfig[];
|
|
45
|
-
interactions?: InteractionsConfig;
|
|
46
|
-
zoom?: number;
|
|
47
|
-
center?: [number, number];
|
|
48
|
-
};
|
|
49
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
|
|
50
|
-
map: import("vue").Ref<any, any>;
|
|
51
|
-
view: import("vue").Ref<any, any>;
|
|
52
|
-
fitToFeatures: (features: Array<{
|
|
53
|
-
type: "Point" | "Polygon";
|
|
54
|
-
coordinates: number[] | number[][][] | number[][][][];
|
|
55
|
-
properties?: Record<string, any>;
|
|
56
|
-
}>) => void;
|
|
57
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
58
|
-
featureSelected: (event: {
|
|
59
|
-
selected: any[];
|
|
60
|
-
}) => any;
|
|
61
|
-
featureDeselected: (event: {
|
|
62
|
-
deselected: any[];
|
|
63
|
-
}) => any;
|
|
64
|
-
featureModified: (event: {
|
|
65
|
-
features: any[];
|
|
66
|
-
}) => any;
|
|
67
|
-
mapClicked: (event: {
|
|
68
|
-
coordinate: [number, number];
|
|
69
|
-
pixel: [number, number];
|
|
70
|
-
}) => any;
|
|
71
|
-
modifyCancelled: (event: {
|
|
72
|
-
features: any[];
|
|
73
|
-
}) => any;
|
|
74
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
75
|
-
onFeatureSelected?: ((event: {
|
|
76
|
-
selected: any[];
|
|
77
|
-
}) => any) | undefined;
|
|
78
|
-
onFeatureDeselected?: ((event: {
|
|
79
|
-
deselected: any[];
|
|
80
|
-
}) => any) | undefined;
|
|
81
|
-
onFeatureModified?: ((event: {
|
|
82
|
-
features: any[];
|
|
83
|
-
}) => any) | undefined;
|
|
84
|
-
onMapClicked?: ((event: {
|
|
85
|
-
coordinate: [number, number];
|
|
86
|
-
pixel: [number, number];
|
|
87
|
-
}) => any) | undefined;
|
|
88
|
-
onModifyCancelled?: ((event: {
|
|
89
|
-
features: any[];
|
|
90
|
-
}) => any) | undefined;
|
|
91
|
-
}>, {
|
|
92
|
-
baseLayers: LayerConfig[];
|
|
93
|
-
toggleableLayers: LayerConfig[];
|
|
94
|
-
layers: LayerConfig[];
|
|
95
|
-
zoom: number;
|
|
96
|
-
center: [number, number];
|
|
97
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
98
|
-
declare const _default: typeof __VLS_export;
|
|
99
|
-
export default _default;
|