https://pine.al/assets/js/jvectormap/custom.js?t=-45454555

1jQuery(document).ready(function($) {
2
3    var customTip = jQuery('#customTip');
4
5    jQuery('#mapAlbania').vectorMap({
6        map: 'albania',
7        zoomOnScroll: false,
8        panOnDrag: true,
9        zoomMin: 0.85,
10        normalizeFunction: 'polynomial',
11        regionStyle: {
12            initial: {
13                fill: '#fff',
14                "fill-opacity": 1,
15                stroke: '#54a8dd',
16                "stroke-width": 2,
17                "stroke-opacity": 0.8
18            },
19            hover: {
20                fill: "#243e8f"
21            },
22            selected: {
23                fill: "#243e8f"
24            }
25        },
26        series: {
27            regions: [{
28                attribute: 'fill'
29            }]
30        },
31        regionsSelectable: true,
32        regionsSelectableOne: true,
33
34        // Kur vendos mouse mbi qytet (hover)
35        onRegionTipShow: function(e, tip, code) {
36            e.preventDefault(); // Fshih tooltip-in default
37            var map = jQuery('#mapAlbania').vectorMap('get', 'mapObject');
38            var regionName = map.getRegionName(code);
39
40            // Vendos emrin në tooltip-in tonë
41            customTip.html(`<h5>${regionName}</h5>`);
42            customTip.show();
43
44            // Ndjek lëvizjen e miut për të vendosur pozicionin
45            $(document).on('mousemove.customTip', function(ev) {
46                customTip.css({
47                    left: ev.pageX + 10,
48                    top: ev.pageY + 10
49                });
50            });
51        },
52
53        // Kur largohet miu
54        onRegionOut: function(e, code) {
55            customTip.hide();
56            $(document).off('mousemove.customTip');
57        },
58
59        // Kur klikon mbi qytet
60        onRegionClick: function(e, code) {
61            var map = jQuery('#mapAlbania').vectorMap('get', 'mapObject');
62            var cityName = map.getRegionName(code);
63
64            const cityUrl = `https://pine.al/search?lang=&section=&keyword=${encodeURIComponent(cityName)}`;
65            window.location.href = cityUrl;
66        }
67    });
68
69});