@ecogis/maps-style-switcher 0.0.3 → 0.0.4
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/dist/index.d.ts +3 -3
- package/dist/index.js +20 -27
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { IControl, Map as MapboxMap } from "mapbox-gl";
|
|
2
|
-
export
|
|
2
|
+
export type EcoGisStyleDefinition = {
|
|
3
3
|
title: string;
|
|
4
4
|
uri: string;
|
|
5
5
|
icon?: string;
|
|
6
6
|
useIconOnly?: boolean;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type EcoGisStyleSwitcherOptions = {
|
|
9
9
|
defaultStyle?: string;
|
|
10
10
|
eventListeners?: EcoGisStyleSwitcherEvents;
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
type EcoGisStyleSwitcherEvents = {
|
|
13
13
|
onOpen?: (event: MouseEvent) => boolean;
|
|
14
14
|
onSelect?: (event: MouseEvent) => boolean;
|
|
15
15
|
onChange?: (event: MouseEvent, style: string) => boolean;
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.EcoGisStyleSwitcherControl = void 0;
|
|
3
4
|
class EcoGisStyleSwitcherControl {
|
|
4
5
|
constructor(styles, options) {
|
|
5
6
|
this.styles = styles || EcoGisStyleSwitcherControl.DEFAULT_STYLES;
|
|
@@ -15,12 +16,11 @@ class EcoGisStyleSwitcherControl {
|
|
|
15
16
|
onAdd(map) {
|
|
16
17
|
this.map = map;
|
|
17
18
|
this.controlContainer = document.createElement("div");
|
|
18
|
-
this.controlContainer.classList.add("ecogis-ctrl");
|
|
19
|
-
this.controlContainer.classList.add("ecogis-ctrl-group");
|
|
19
|
+
this.controlContainer.classList.add("ecogis-ctrl", "ecogis-ctrl-group");
|
|
20
20
|
this.mapStyleContainer = document.createElement("div");
|
|
21
|
+
this.mapStyleContainer.classList.add("ecogis-style-list");
|
|
21
22
|
this.styleButton = document.createElement("button");
|
|
22
23
|
this.styleButton.type = "button";
|
|
23
|
-
this.mapStyleContainer.classList.add("ecogis-style-list");
|
|
24
24
|
for (const style of this.styles) {
|
|
25
25
|
const styleElement = document.createElement("button");
|
|
26
26
|
styleElement.type = "button";
|
|
@@ -28,10 +28,8 @@ class EcoGisStyleSwitcherControl {
|
|
|
28
28
|
if (style.icon) {
|
|
29
29
|
const iconContainer = document.createElement("span");
|
|
30
30
|
iconContainer.classList.add("ecogis-style-icon");
|
|
31
|
-
if (
|
|
32
|
-
|
|
33
|
-
style.icon.endsWith('.svg')) {
|
|
34
|
-
const imgElement = document.createElement('img');
|
|
31
|
+
if (/\.(png|jpg|jpeg|gif|svg)$/.test(style.icon)) {
|
|
32
|
+
const imgElement = document.createElement("img");
|
|
35
33
|
imgElement.src = style.icon;
|
|
36
34
|
imgElement.alt = style.title;
|
|
37
35
|
imgElement.title = style.title;
|
|
@@ -47,38 +45,33 @@ class EcoGisStyleSwitcherControl {
|
|
|
47
45
|
titleSpan.innerText = style.title;
|
|
48
46
|
titleSpan.classList.add("ecogis-style-title");
|
|
49
47
|
styleElement.appendChild(titleSpan);
|
|
48
|
+
styleElement.classList.add(style.title.replace(/[^a-z0-9-]/gi, "_"));
|
|
50
49
|
}
|
|
51
|
-
styleElement.addEventListener("click", event => {
|
|
52
|
-
|
|
50
|
+
styleElement.addEventListener("click", (event) => {
|
|
51
|
+
var _a, _b;
|
|
52
|
+
const srcElement = event.currentTarget;
|
|
53
53
|
this.closeModal();
|
|
54
|
-
if (srcElement.classList.contains("active"))
|
|
54
|
+
if (srcElement.classList.contains("active"))
|
|
55
55
|
return;
|
|
56
|
-
|
|
57
|
-
if (this.events && this.events.onOpen && this.events.onOpen(event)) {
|
|
56
|
+
if (((_a = this.events) === null || _a === void 0 ? void 0 : _a.onOpen) && this.events.onOpen(event))
|
|
58
57
|
return;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
this.
|
|
62
|
-
const elms = this.mapStyleContainer.getElementsByClassName("active");
|
|
63
|
-
while (elms[0]) {
|
|
64
|
-
elms[0].classList.remove("active");
|
|
65
|
-
}
|
|
58
|
+
const selectedStyle = JSON.parse(srcElement.dataset.uri);
|
|
59
|
+
this.map.setStyle(selectedStyle);
|
|
60
|
+
this.mapStyleContainer.querySelectorAll(".active").forEach(el => el.classList.remove("active"));
|
|
66
61
|
srcElement.classList.add("active");
|
|
67
|
-
if (this.events
|
|
62
|
+
if (((_b = this.events) === null || _b === void 0 ? void 0 : _b.onChange) && this.events.onChange(event, selectedStyle))
|
|
68
63
|
return;
|
|
69
|
-
}
|
|
70
64
|
});
|
|
71
65
|
if (style.title === this.defaultStyle) {
|
|
72
66
|
styleElement.classList.add("active");
|
|
73
67
|
}
|
|
74
68
|
this.mapStyleContainer.appendChild(styleElement);
|
|
75
69
|
}
|
|
76
|
-
this.styleButton.classList.add("ecogis-ctrl-icon");
|
|
77
|
-
this.styleButton.
|
|
78
|
-
|
|
79
|
-
if (this.events
|
|
70
|
+
this.styleButton.classList.add("ecogis-ctrl-icon", "ecogis-style-switcher");
|
|
71
|
+
this.styleButton.addEventListener("click", (event) => {
|
|
72
|
+
var _a;
|
|
73
|
+
if (((_a = this.events) === null || _a === void 0 ? void 0 : _a.onSelect) && this.events.onSelect(event))
|
|
80
74
|
return;
|
|
81
|
-
}
|
|
82
75
|
this.openModal();
|
|
83
76
|
});
|
|
84
77
|
document.addEventListener("click", this.onDocumentClick);
|
|
@@ -113,6 +106,7 @@ class EcoGisStyleSwitcherControl {
|
|
|
113
106
|
}
|
|
114
107
|
}
|
|
115
108
|
}
|
|
109
|
+
exports.EcoGisStyleSwitcherControl = EcoGisStyleSwitcherControl;
|
|
116
110
|
EcoGisStyleSwitcherControl.DEFAULT_STYLE = "Streets";
|
|
117
111
|
EcoGisStyleSwitcherControl.DEFAULT_STYLES = [
|
|
118
112
|
{ title: "Dark", uri: "mapbox://styles/mapbox/dark-v10" },
|
|
@@ -121,5 +115,4 @@ EcoGisStyleSwitcherControl.DEFAULT_STYLES = [
|
|
|
121
115
|
{ title: "Satellite", uri: "mapbox://styles/mapbox/satellite-streets-v11" },
|
|
122
116
|
{ title: "Streets", uri: "mapbox://styles/mapbox/streets-v11" }
|
|
123
117
|
];
|
|
124
|
-
exports.EcoGisStyleSwitcherControl = EcoGisStyleSwitcherControl;
|
|
125
118
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ecogis/maps-style-switcher",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"description": "Ecogis Style Switcher",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
21
|
"@types/mapbox-gl": "^1.9.0",
|
|
22
|
-
"
|
|
23
|
-
"
|
|
22
|
+
"minimist": ">=0.2.1",
|
|
23
|
+
"typescript": "^5.8.2"
|
|
24
24
|
}
|
|
25
25
|
}
|