@mapka/maplibre-gl-sdk 0.5.2 → 0.7.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/lib/.buildInfo.json +1 -1
- package/lib/index.d.ts +3 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +3 -0
- package/lib/index.js.map +1 -1
- package/lib/map.d.ts +3 -2
- package/lib/map.d.ts.map +1 -1
- package/lib/map.js +20 -2
- package/lib/map.js.map +1 -1
- package/lib/modules/markers.d.ts +5 -0
- package/lib/modules/markers.d.ts.map +1 -0
- package/lib/modules/markers.js +48 -0
- package/lib/modules/markers.js.map +1 -0
- package/lib/modules/tooltip.d.ts +15 -0
- package/lib/modules/tooltip.d.ts.map +1 -0
- package/lib/modules/tooltip.js +307 -0
- package/lib/modules/tooltip.js.map +1 -0
- package/lib/types/layer.d.ts +27 -0
- package/lib/types/layer.d.ts.map +1 -0
- package/lib/types/layer.js +2 -0
- package/lib/types/layer.js.map +1 -0
- package/lib/types/marker.d.ts +13 -0
- package/lib/types/marker.d.ts.map +1 -0
- package/lib/types/marker.js +2 -0
- package/lib/types/marker.js.map +1 -0
- package/lib/types/style.d.ts +12 -0
- package/lib/types/style.d.ts.map +1 -0
- package/lib/types/style.js +2 -0
- package/lib/types/style.js.map +1 -0
- package/lib/utils/url.d.ts.map +1 -1
- package/lib/utils/url.js +0 -1
- package/lib/utils/url.js.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +3 -0
- package/src/map.ts +38 -5
- package/src/modules/markers.ts +59 -0
- package/src/modules/tooltip.ts +344 -0
- package/src/types/layer.ts +28 -0
- package/src/types/marker.ts +13 -0
- package/src/types/style.ts +12 -0
- package/src/utils/url.ts +0 -1
package/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
export * from "maplibre-gl";
|
|
2
|
+
export * from "./types/layer.js";
|
|
3
|
+
export * from "./types/marker.js";
|
|
4
|
+
export * from "./types/style.js";
|
|
2
5
|
export { MapkaMap as Map } from "./map.js";
|
|
3
6
|
export { MapkaMapOptions as MapOptions } from "./map.js";
|
|
4
7
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,QAAQ,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,eAAe,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
package/lib/index.js
CHANGED
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,QAAQ,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC"}
|
package/lib/map.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as maplibregl from "maplibre-gl";
|
|
2
|
-
import type { MapOptions } from "maplibre-gl";
|
|
2
|
+
import type { MapOptions, StyleSwapOptions, StyleOptions, StyleSpecification } from "maplibre-gl";
|
|
3
3
|
export interface MapkaMapOptions extends MapOptions {
|
|
4
4
|
apiKey: string;
|
|
5
5
|
env?: "dev" | "prod" | "local";
|
|
6
6
|
}
|
|
7
7
|
export declare class MapkaMap extends maplibregl.Map {
|
|
8
8
|
static env: string;
|
|
9
|
-
constructor({ transformRequest, apiKey, ...
|
|
9
|
+
constructor({ transformRequest, apiKey, ...options }: MapkaMapOptions);
|
|
10
|
+
setStyle(style: string | StyleSpecification, options?: StyleSwapOptions & StyleOptions): this;
|
|
10
11
|
}
|
|
11
12
|
//# sourceMappingURL=map.d.ts.map
|
package/lib/map.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map.d.ts","sourceRoot":"","sources":["../src/map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"map.d.ts","sourceRoot":"","sources":["../src/map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAC;AAG1C,OAAO,KAAK,EAGV,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;CAChC;AA0BD,qBAAa,QAAS,SAAQ,UAAU,CAAC,GAAG;IAC1C,MAAM,CAAC,GAAG,EAAE,MAAM,CAAU;gBAET,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,EAAE,eAAe;IAerE,QAAQ,CACb,KAAK,EAAE,MAAM,GAAG,kBAAkB,EAClC,OAAO,GAAE,gBAAgB,GAAG,YAAiB;CAchD"}
|
package/lib/map.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as maplibregl from "maplibre-gl";
|
|
2
2
|
import { loadLayersIcons } from "./modules/icons.js";
|
|
3
|
+
import { addMarkers, addMarkersStyleDiff } from "./modules/markers.js";
|
|
3
4
|
const noopTransformRequest = (url) => {
|
|
4
5
|
return {
|
|
5
6
|
url,
|
|
@@ -16,16 +17,33 @@ const createTransformRequest = (apiKey, transformRequest) => (url) => {
|
|
|
16
17
|
}
|
|
17
18
|
return transformRequest ? transformRequest(url) : noopTransformRequest(url);
|
|
18
19
|
};
|
|
20
|
+
const noopTransformStyle = (_, next) => {
|
|
21
|
+
return next;
|
|
22
|
+
};
|
|
19
23
|
export class MapkaMap extends maplibregl.Map {
|
|
20
24
|
static env = "prod";
|
|
21
|
-
constructor({ transformRequest, apiKey, ...
|
|
25
|
+
constructor({ transformRequest, apiKey, ...options }) {
|
|
22
26
|
super({
|
|
23
|
-
...
|
|
27
|
+
...options,
|
|
24
28
|
transformRequest: createTransformRequest(apiKey, transformRequest),
|
|
25
29
|
});
|
|
30
|
+
super.on("styledata", (_) => {
|
|
31
|
+
addMarkers(this);
|
|
32
|
+
});
|
|
26
33
|
super.on("styleimagemissing", (event) => {
|
|
27
34
|
loadLayersIcons(this, event);
|
|
28
35
|
});
|
|
29
36
|
}
|
|
37
|
+
setStyle(style, options = {}) {
|
|
38
|
+
const { transformStyle = noopTransformStyle, ...rest } = options;
|
|
39
|
+
super.setStyle(style, {
|
|
40
|
+
...rest,
|
|
41
|
+
transformStyle: (prev, next) => {
|
|
42
|
+
addMarkersStyleDiff(this, next);
|
|
43
|
+
return transformStyle(prev, next);
|
|
44
|
+
},
|
|
45
|
+
});
|
|
46
|
+
return this;
|
|
47
|
+
}
|
|
30
48
|
}
|
|
31
49
|
//# sourceMappingURL=map.js.map
|
package/lib/map.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map.js","sourceRoot":"","sources":["../src/map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"map.js","sourceRoot":"","sources":["../src/map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAevE,MAAM,oBAAoB,GAAwC,CAAC,GAAG,EAAE,EAAE;IACxE,OAAO;QACL,GAAG;KACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAC1B,CAAC,MAAc,EAAE,gBAAkD,EAA4B,EAAE,CACjG,CAAC,GAAG,EAAE,EAAE;IACN,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;QACjE,OAAO;YACL,GAAG;YACH,OAAO,EAAE;gBACP,aAAa,EAAE,UAAU,MAAM,EAAE;aAClC;SACF,CAAC;IACJ,CAAC;IACD,OAAO,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;AAC9E,CAAC,CAAC;AAEJ,MAAM,kBAAkB,GAAsC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;IACxE,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,OAAO,QAAS,SAAQ,UAAU,CAAC,GAAG;IAC1C,MAAM,CAAC,GAAG,GAAW,MAAM,CAAC;IAE5B,YAAmB,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,OAAO,EAAmB;QAC1E,KAAK,CAAC;YACJ,GAAG,OAAO;YACV,gBAAgB,EAAE,sBAAsB,CAAC,MAAM,EAAE,gBAAgB,CAAC;SACnE,CAAC,CAAC;QAEH,KAAK,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAA+B,EAAE,EAAE;YACxD,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,EAAE,CAAC,mBAAmB,EAAE,CAAC,KAAgC,EAAE,EAAE;YACjE,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,QAAQ,CACb,KAAkC,EAClC,UAA2C,EAAE;QAE7C,MAAM,EAAE,cAAc,GAAG,kBAAkB,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;QAEjE,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE;YACpB,GAAG,IAAI;YACP,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;gBAC7B,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAChC,OAAO,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACpC,CAAC;SACF,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { StyleSpecification } from "maplibre-gl";
|
|
2
|
+
import type { MapkaMap } from "../map.js";
|
|
3
|
+
export declare function addMarkers(map: MapkaMap): void;
|
|
4
|
+
export declare function addMarkersStyleDiff(map: MapkaMap, next: StyleSpecification): void;
|
|
5
|
+
//# sourceMappingURL=markers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"markers.d.ts","sourceRoot":"","sources":["../../src/modules/markers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AA8C1C,wBAAgB,UAAU,CAAC,GAAG,EAAE,QAAQ,QAIvC;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,QAG1E"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import * as maplibregl from "maplibre-gl";
|
|
2
|
+
import { get } from "es-toolkit/compat";
|
|
3
|
+
import { showTooltip, hideTooltip } from "./tooltip.js";
|
|
4
|
+
const prevMarkers = new Set();
|
|
5
|
+
function addMarkersToMap(map, markers) {
|
|
6
|
+
for (const marker of prevMarkers) {
|
|
7
|
+
marker.remove();
|
|
8
|
+
}
|
|
9
|
+
prevMarkers.clear();
|
|
10
|
+
for (const markerConfig of markers) {
|
|
11
|
+
const { position, color, tooltip } = markerConfig;
|
|
12
|
+
const newMarker = new maplibregl.Marker({
|
|
13
|
+
color,
|
|
14
|
+
})
|
|
15
|
+
.setLngLat(position)
|
|
16
|
+
.addTo(map);
|
|
17
|
+
if (tooltip?.trigger === "click") {
|
|
18
|
+
const markerElement = newMarker.getElement();
|
|
19
|
+
markerElement.style.cursor = "pointer";
|
|
20
|
+
markerElement.addEventListener("click", (e) => {
|
|
21
|
+
e.stopPropagation();
|
|
22
|
+
showTooltip(newMarker, tooltip, map);
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
else if (tooltip?.trigger === "hover") {
|
|
26
|
+
const markerElement = newMarker.getElement();
|
|
27
|
+
markerElement.addEventListener("mouseenter", (e) => {
|
|
28
|
+
e.stopPropagation();
|
|
29
|
+
showTooltip(newMarker, tooltip, map);
|
|
30
|
+
});
|
|
31
|
+
markerElement.addEventListener("mouseleave", (e) => {
|
|
32
|
+
e.stopPropagation();
|
|
33
|
+
hideTooltip();
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
prevMarkers.add(newMarker);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
export function addMarkers(map) {
|
|
40
|
+
const style = map.getStyle();
|
|
41
|
+
const markers = get(style, "metadata.mapka.markers", []);
|
|
42
|
+
addMarkersToMap(map, markers);
|
|
43
|
+
}
|
|
44
|
+
export function addMarkersStyleDiff(map, next) {
|
|
45
|
+
const markers = get(next, "metadata.mapka.markers", []);
|
|
46
|
+
addMarkersToMap(map, markers);
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=markers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"markers.js","sourceRoot":"","sources":["../../src/modules/markers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,WAAW,GAAG,IAAI,GAAG,EAAqB,CAAC;AAEjD,SAAS,eAAe,CAAC,GAAa,EAAE,OAA6B;IACnE,KAAK,MAAM,MAAM,IAAI,WAAW,EAAE,CAAC;QACjC,MAAM,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IACD,WAAW,CAAC,KAAK,EAAE,CAAC;IAEpB,KAAK,MAAM,YAAY,IAAI,OAAO,EAAE,CAAC;QACnC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;QAClD,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,MAAM,CAAC;YACtC,KAAK;SACN,CAAC;aACC,SAAS,CAAC,QAAQ,CAAC;aACnB,KAAK,CAAC,GAAG,CAAC,CAAC;QAEd,IAAI,OAAO,EAAE,OAAO,KAAK,OAAO,EAAE,CAAC;YACjC,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC;YAE7C,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;YAEvC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,WAAW,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,IAAI,OAAO,EAAE,OAAO,KAAK,OAAO,EAAE,CAAC;YACxC,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC;YAE7C,aAAa,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjD,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,WAAW,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,aAAa,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjD,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,WAAW,EAAE,CAAC;YAChB,CAAC,CAAC,CAAC;QACL,CAAC;QAED,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,GAAa;IACtC,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAyB,CAAC;IACjF,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,GAAa,EAAE,IAAwB;IACzE,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,EAAE,wBAAwB,EAAE,EAAE,CAAyB,CAAC;IAChF,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAChC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as maplibregl from "maplibre-gl";
|
|
2
|
+
import type { MapkaTooltipOptions } from "../types/marker.js";
|
|
3
|
+
/**
|
|
4
|
+
* Shows a tooltip for a marker
|
|
5
|
+
*/
|
|
6
|
+
export declare function showTooltip(marker: maplibregl.Marker, options: MapkaTooltipOptions, map: maplibregl.Map): void;
|
|
7
|
+
/**
|
|
8
|
+
* Hides the current tooltip
|
|
9
|
+
*/
|
|
10
|
+
export declare function hideTooltip(): void;
|
|
11
|
+
/**
|
|
12
|
+
* Gets the current visible popup
|
|
13
|
+
*/
|
|
14
|
+
export declare function getCurrentTooltip(): maplibregl.Popup | null;
|
|
15
|
+
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/modules/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAuS9D;;GAEG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,OAAO,EAAE,mBAAmB,EAC5B,GAAG,EAAE,UAAU,CAAC,GAAG,QAwBpB;AAED;;GAEG;AACH,wBAAgB,WAAW,SAK1B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,UAAU,CAAC,KAAK,GAAG,IAAI,CAE3D"}
|
|
@@ -0,0 +1,307 @@
|
|
|
1
|
+
import * as maplibregl from "maplibre-gl";
|
|
2
|
+
let currentPopup = null;
|
|
3
|
+
let currentCarouselIndex = 0;
|
|
4
|
+
/**
|
|
5
|
+
* Creates the tooltip content HTML with Airbnb-style design
|
|
6
|
+
*/
|
|
7
|
+
function createTooltipContent(options) {
|
|
8
|
+
const content = document.createElement("div");
|
|
9
|
+
content.className = "mapka-tooltip-content-wrapper";
|
|
10
|
+
// Add image carousel if images are provided
|
|
11
|
+
if (options.imageUrls && options.imageUrls.length > 0) {
|
|
12
|
+
const carouselContainer = document.createElement("div");
|
|
13
|
+
carouselContainer.className = "mapka-tooltip-carousel";
|
|
14
|
+
const carouselTrack = document.createElement("div");
|
|
15
|
+
carouselTrack.className = "mapka-tooltip-carousel-track";
|
|
16
|
+
options.imageUrls.forEach((url, index) => {
|
|
17
|
+
const img = document.createElement("img");
|
|
18
|
+
img.src = url;
|
|
19
|
+
img.alt = options.title || "Marker image";
|
|
20
|
+
img.className = "mapka-tooltip-image";
|
|
21
|
+
if (index === 0)
|
|
22
|
+
img.classList.add("active");
|
|
23
|
+
carouselTrack.appendChild(img);
|
|
24
|
+
});
|
|
25
|
+
carouselContainer.appendChild(carouselTrack);
|
|
26
|
+
// Add close button
|
|
27
|
+
const closeButton = document.createElement("button");
|
|
28
|
+
closeButton.className = "mapka-tooltip-action-btn mapka-tooltip-close";
|
|
29
|
+
closeButton.innerHTML = `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" style="display:block;fill:none;height:16px;width:16px;stroke:currentColor;stroke-width:3;overflow:visible"><path d="m6 6 20 20M26 6 6 26"></path></svg>`;
|
|
30
|
+
closeButton.setAttribute("aria-label", "Close");
|
|
31
|
+
closeButton.addEventListener("click", (e) => {
|
|
32
|
+
e.stopPropagation();
|
|
33
|
+
hideTooltip();
|
|
34
|
+
});
|
|
35
|
+
carouselContainer.appendChild(closeButton);
|
|
36
|
+
// Add navigation dots if multiple images
|
|
37
|
+
if (options.imageUrls.length > 1) {
|
|
38
|
+
const dotsContainer = document.createElement("div");
|
|
39
|
+
dotsContainer.className = "mapka-tooltip-dots";
|
|
40
|
+
options.imageUrls.forEach((_, index) => {
|
|
41
|
+
const dot = document.createElement("button");
|
|
42
|
+
dot.className = "mapka-tooltip-dot";
|
|
43
|
+
if (index === 0)
|
|
44
|
+
dot.classList.add("active");
|
|
45
|
+
dot.setAttribute("aria-label", `Go to image ${index + 1}`);
|
|
46
|
+
dot.addEventListener("click", (e) => {
|
|
47
|
+
e.stopPropagation();
|
|
48
|
+
showCarouselImage(carouselTrack, dotsContainer, index);
|
|
49
|
+
});
|
|
50
|
+
dotsContainer.appendChild(dot);
|
|
51
|
+
});
|
|
52
|
+
carouselContainer.appendChild(dotsContainer);
|
|
53
|
+
// Add prev/next buttons
|
|
54
|
+
const prevButton = document.createElement("button");
|
|
55
|
+
prevButton.className = "mapka-tooltip-carousel-btn mapka-tooltip-carousel-prev";
|
|
56
|
+
prevButton.innerHTML = `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" style="display:block;fill:none;height:12px;width:12px;stroke:currentColor;stroke-width:4;overflow:visible"><path fill="none" d="M20 28 8.7 16.7a1 1 0 0 1 0-1.4L20 4"></path></svg>`;
|
|
57
|
+
prevButton.setAttribute("aria-label", "Previous image");
|
|
58
|
+
prevButton.addEventListener("click", (e) => {
|
|
59
|
+
e.stopPropagation();
|
|
60
|
+
const imageCount = options.imageUrls?.length ?? 0;
|
|
61
|
+
const newIndex = currentCarouselIndex === 0 ? imageCount - 1 : currentCarouselIndex - 1;
|
|
62
|
+
showCarouselImage(carouselTrack, dotsContainer, newIndex);
|
|
63
|
+
});
|
|
64
|
+
const nextButton = document.createElement("button");
|
|
65
|
+
nextButton.className = "mapka-tooltip-carousel-btn mapka-tooltip-carousel-next";
|
|
66
|
+
nextButton.innerHTML = `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" style="display:block;fill:none;height:12px;width:12px;stroke:currentColor;stroke-width:4;overflow:visible"><path fill="none" d="m12 4 11.3 11.3a1 1 0 0 1 0 1.4L12 28"></path></svg>`;
|
|
67
|
+
nextButton.setAttribute("aria-label", "Next image");
|
|
68
|
+
nextButton.addEventListener("click", (e) => {
|
|
69
|
+
e.stopPropagation();
|
|
70
|
+
const imageCount = options.imageUrls?.length ?? 0;
|
|
71
|
+
const newIndex = (currentCarouselIndex + 1) % imageCount;
|
|
72
|
+
showCarouselImage(carouselTrack, dotsContainer, newIndex);
|
|
73
|
+
});
|
|
74
|
+
carouselContainer.appendChild(prevButton);
|
|
75
|
+
carouselContainer.appendChild(nextButton);
|
|
76
|
+
}
|
|
77
|
+
content.appendChild(carouselContainer);
|
|
78
|
+
}
|
|
79
|
+
// Add text content section
|
|
80
|
+
const textContent = document.createElement("div");
|
|
81
|
+
textContent.className = "mapka-tooltip-text";
|
|
82
|
+
if (options.title) {
|
|
83
|
+
const title = document.createElement("h3");
|
|
84
|
+
title.className = "mapka-tooltip-title";
|
|
85
|
+
title.textContent = options.title;
|
|
86
|
+
textContent.appendChild(title);
|
|
87
|
+
}
|
|
88
|
+
if (options.description) {
|
|
89
|
+
const description = document.createElement("p");
|
|
90
|
+
description.className = "mapka-tooltip-description";
|
|
91
|
+
description.textContent = options.description;
|
|
92
|
+
textContent.appendChild(description);
|
|
93
|
+
}
|
|
94
|
+
content.appendChild(textContent);
|
|
95
|
+
return content;
|
|
96
|
+
}
|
|
97
|
+
/**
|
|
98
|
+
* Shows a specific image in the carousel
|
|
99
|
+
*/
|
|
100
|
+
function showCarouselImage(track, dotsContainer, index) {
|
|
101
|
+
currentCarouselIndex = index;
|
|
102
|
+
const images = track.querySelectorAll(".mapka-tooltip-image");
|
|
103
|
+
const dots = dotsContainer.querySelectorAll(".mapka-tooltip-dot");
|
|
104
|
+
images.forEach((img, i) => {
|
|
105
|
+
img.classList.toggle("active", i === index);
|
|
106
|
+
});
|
|
107
|
+
dots.forEach((dot, i) => {
|
|
108
|
+
dot.classList.toggle("active", i === index);
|
|
109
|
+
});
|
|
110
|
+
track.style.transform = `translateX(-${index * 100}%)`;
|
|
111
|
+
}
|
|
112
|
+
/**
|
|
113
|
+
* Injects the required CSS styles for the tooltip
|
|
114
|
+
*/
|
|
115
|
+
function injectStyles() {
|
|
116
|
+
if (document.getElementById("mapka-tooltip-styles"))
|
|
117
|
+
return;
|
|
118
|
+
const style = document.createElement("style");
|
|
119
|
+
style.id = "mapka-tooltip-styles";
|
|
120
|
+
style.textContent = `
|
|
121
|
+
.maplibregl-popup-content {
|
|
122
|
+
padding: 0 !important;
|
|
123
|
+
border-radius: 12px !important;
|
|
124
|
+
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
|
|
125
|
+
min-width: 280px;
|
|
126
|
+
max-width: 320px;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.maplibregl-popup-close-button {
|
|
130
|
+
display: none !important;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.mapka-tooltip-content-wrapper {
|
|
134
|
+
border-radius: 12px;
|
|
135
|
+
overflow: hidden;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.mapka-tooltip-carousel {
|
|
139
|
+
position: relative;
|
|
140
|
+
width: 100%;
|
|
141
|
+
height: 200px;
|
|
142
|
+
overflow: hidden;
|
|
143
|
+
border-radius: 12px 12px 0 0;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.mapka-tooltip-carousel-track {
|
|
147
|
+
display: flex;
|
|
148
|
+
height: 100%;
|
|
149
|
+
transition: transform 0.3s ease;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.mapka-tooltip-image {
|
|
153
|
+
min-width: 100%;
|
|
154
|
+
height: 100%;
|
|
155
|
+
object-fit: cover;
|
|
156
|
+
display: none;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.mapka-tooltip-image.active {
|
|
160
|
+
display: block;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.mapka-tooltip-action-btn {
|
|
164
|
+
position: absolute;
|
|
165
|
+
top: 12px;
|
|
166
|
+
right: 12px;
|
|
167
|
+
background: rgba(255, 255, 255, 0.95);
|
|
168
|
+
border: none;
|
|
169
|
+
border-radius: 50%;
|
|
170
|
+
width: 32px;
|
|
171
|
+
height: 32px;
|
|
172
|
+
cursor: pointer;
|
|
173
|
+
display: flex;
|
|
174
|
+
align-items: center;
|
|
175
|
+
justify-content: center;
|
|
176
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
|
|
177
|
+
transition: background 0.2s ease, transform 0.2s ease;
|
|
178
|
+
color: #222;
|
|
179
|
+
z-index: 3;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.mapka-tooltip-action-btn:hover {
|
|
183
|
+
background: white;
|
|
184
|
+
transform: scale(1.05);
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.mapka-tooltip-carousel-btn {
|
|
188
|
+
position: absolute;
|
|
189
|
+
top: 50%;
|
|
190
|
+
transform: translateY(-50%);
|
|
191
|
+
background: rgba(255, 255, 255, 0.95);
|
|
192
|
+
border: none;
|
|
193
|
+
border-radius: 50%;
|
|
194
|
+
width: 32px;
|
|
195
|
+
height: 32px;
|
|
196
|
+
cursor: pointer;
|
|
197
|
+
display: flex;
|
|
198
|
+
align-items: center;
|
|
199
|
+
justify-content: center;
|
|
200
|
+
z-index: 2;
|
|
201
|
+
transition: background 0.2s ease, transform 0.2s ease;
|
|
202
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
|
|
203
|
+
color: #222;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.mapka-tooltip-carousel-btn:hover {
|
|
207
|
+
background: white;
|
|
208
|
+
transform: translateY(-50%) scale(1.05);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.mapka-tooltip-carousel-prev {
|
|
212
|
+
left: 12px;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.mapka-tooltip-carousel-next {
|
|
216
|
+
right: 12px;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
.mapka-tooltip-dots {
|
|
220
|
+
position: absolute;
|
|
221
|
+
bottom: 12px;
|
|
222
|
+
left: 50%;
|
|
223
|
+
transform: translateX(-50%);
|
|
224
|
+
display: flex;
|
|
225
|
+
gap: 6px;
|
|
226
|
+
z-index: 2;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.mapka-tooltip-dot {
|
|
230
|
+
width: 6px;
|
|
231
|
+
height: 6px;
|
|
232
|
+
border-radius: 50%;
|
|
233
|
+
background: rgba(255, 255, 255, 0.6);
|
|
234
|
+
border: none;
|
|
235
|
+
cursor: pointer;
|
|
236
|
+
padding: 0;
|
|
237
|
+
transition: background 0.2s ease, transform 0.2s ease;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.mapka-tooltip-dot:hover {
|
|
241
|
+
background: rgba(255, 255, 255, 0.8);
|
|
242
|
+
transform: scale(1.2);
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.mapka-tooltip-dot.active {
|
|
246
|
+
background: white;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.mapka-tooltip-text {
|
|
250
|
+
padding: 12px 16px 16px;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.mapka-tooltip-title {
|
|
254
|
+
margin: 0 0 4px 0;
|
|
255
|
+
font-size: 15px;
|
|
256
|
+
font-weight: 600;
|
|
257
|
+
color: #222;
|
|
258
|
+
line-height: 1.3;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.mapka-tooltip-description {
|
|
262
|
+
margin: 0;
|
|
263
|
+
font-size: 14px;
|
|
264
|
+
color: #717171;
|
|
265
|
+
line-height: 1.4;
|
|
266
|
+
}
|
|
267
|
+
`;
|
|
268
|
+
document.head.appendChild(style);
|
|
269
|
+
}
|
|
270
|
+
/**
|
|
271
|
+
* Shows a tooltip for a marker
|
|
272
|
+
*/
|
|
273
|
+
export function showTooltip(marker, options, map) {
|
|
274
|
+
// Hide any existing tooltip
|
|
275
|
+
hideTooltip();
|
|
276
|
+
// Inject styles if not already present
|
|
277
|
+
injectStyles();
|
|
278
|
+
// Reset carousel index
|
|
279
|
+
currentCarouselIndex = 0;
|
|
280
|
+
const content = createTooltipContent(options);
|
|
281
|
+
const popup = new maplibregl.Popup({
|
|
282
|
+
closeButton: true,
|
|
283
|
+
closeOnClick: false,
|
|
284
|
+
maxWidth: "320px",
|
|
285
|
+
offset: 12,
|
|
286
|
+
})
|
|
287
|
+
.setLngLat(marker.getLngLat())
|
|
288
|
+
.setDOMContent(content)
|
|
289
|
+
.addTo(map);
|
|
290
|
+
currentPopup = popup;
|
|
291
|
+
}
|
|
292
|
+
/**
|
|
293
|
+
* Hides the current tooltip
|
|
294
|
+
*/
|
|
295
|
+
export function hideTooltip() {
|
|
296
|
+
if (currentPopup) {
|
|
297
|
+
currentPopup.remove();
|
|
298
|
+
currentPopup = null;
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
/**
|
|
302
|
+
* Gets the current visible popup
|
|
303
|
+
*/
|
|
304
|
+
export function getCurrentTooltip() {
|
|
305
|
+
return currentPopup;
|
|
306
|
+
}
|
|
307
|
+
//# sourceMappingURL=tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/modules/tooltip.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export interface MapkaLayerConfig {
|
|
2
|
+
/**
|
|
3
|
+
* Layer id, layer can belong only to one group
|
|
4
|
+
*/
|
|
5
|
+
value: string;
|
|
6
|
+
}
|
|
7
|
+
export interface MapkaLayerGroupConfig {
|
|
8
|
+
/**
|
|
9
|
+
* Unique identifier for the group, randomly generated
|
|
10
|
+
*/
|
|
11
|
+
value: string;
|
|
12
|
+
/**
|
|
13
|
+
* Human readable label for the group
|
|
14
|
+
*/
|
|
15
|
+
label: string;
|
|
16
|
+
/**
|
|
17
|
+
* Icon for the group
|
|
18
|
+
*/
|
|
19
|
+
icon: string;
|
|
20
|
+
/**
|
|
21
|
+
* Children of the group
|
|
22
|
+
* This could be other groups or layer items
|
|
23
|
+
*/
|
|
24
|
+
children: MapkaLayerTreeConfig;
|
|
25
|
+
}
|
|
26
|
+
export type MapkaLayerTreeConfig = (MapkaLayerConfig | MapkaLayerGroupConfig)[];
|
|
27
|
+
//# sourceMappingURL=layer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../src/types/layer.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED,MAAM,MAAM,oBAAoB,GAAG,CAAC,gBAAgB,GAAG,qBAAqB,CAAC,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../src/types/layer.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface MapkaTooltipOptions {
|
|
2
|
+
trigger?: "hover" | "click";
|
|
3
|
+
title?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
imageUrls?: string[];
|
|
6
|
+
}
|
|
7
|
+
export interface MapkaMarkerOptions {
|
|
8
|
+
position: [number, number];
|
|
9
|
+
color?: string;
|
|
10
|
+
icon?: string;
|
|
11
|
+
tooltip?: MapkaTooltipOptions;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=marker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"marker.d.ts","sourceRoot":"","sources":["../../src/types/marker.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"marker.js","sourceRoot":"","sources":["../../src/types/marker.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { MapkaLayerTreeConfig } from "./layer.js";
|
|
2
|
+
import type { StyleSpecification } from "@maplibre/maplibre-gl-style-spec";
|
|
3
|
+
import type { MapkaMarkerOptions } from "./marker.js";
|
|
4
|
+
export interface MapkaStyleSpecification extends StyleSpecification {
|
|
5
|
+
metadata?: {
|
|
6
|
+
mapka?: {
|
|
7
|
+
layerGroups?: MapkaLayerTreeConfig;
|
|
8
|
+
markers?: MapkaMarkerOptions[];
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/types/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,oBAAoB,CAAC;YACnC,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;SAChC,CAAC;KACH,CAAC;CACH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/types/style.ts"],"names":[],"mappings":""}
|
package/lib/utils/url.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,
|
|
1
|
+
{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,0FAQ1B"}
|
package/lib/utils/url.js
CHANGED
package/lib/utils/url.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,MAAM,UAAU,WAAW;IACzB,
|
|
1
|
+
{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,MAAM,UAAU,WAAW;IACzB,IAAI,QAAQ,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;QAC3B,OAAO,2BAA2B,CAAC;IACrC,CAAC;IACD,IAAI,QAAQ,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO,6BAA6B,CAAC;IACvC,CAAC;IACD,OAAO,uBAAuB,CAAC;AACjC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mapka/maplibre-gl-sdk",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Mapka JS SDK",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"!**/__tests__/",
|
|
33
33
|
"!lib/buildInfo.json"
|
|
34
34
|
],
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "515b5fc822aee407b9adf38be56c4cf9e090c867"
|
|
36
36
|
}
|
package/src/index.ts
CHANGED