https://scoi.com/wp-content/uploads/components/component/1467/component.js?v=1790847586

1;(function($){ 
2
3 var $win = $(window); 
4
5$win.on('lm:middle.lm-component-1467', function(event, lm){ 
6
7lm.item.find('.lm-component-1467').each(function(){ 
8
9var $component = $(this); 
10
11/*
12 *  $component
13 *  component element
14 * 
15 *  lm
16 *  global lemons object
17 */
18
19var $img = $component.find('.closer-map-img').first();
20
21function positionDots() {
22
23    $component.find(".dot").removeClass('show');
24
25    var img = $component.find('.closer-map-img').first();
26    let imgWidth = img.outerWidth();
27    let imgHeight = img.outerHeight();
28
29    //console.log('width', img[0].naturalWidth, imgWidth, imgHeight)
30
31    $component.find(".dot").each(function() {
32        let x = $(this).data("x");
33        let y = $(this).data("y");
34
35        //console.log('dot width', $(this).width())
36
37        var dotWidth = $(this).width() / 2;
38        var dotHeight = $(this).height() / 2;
39
40
41        let left = ((x / img[0].naturalWidth) * imgWidth) - dotWidth;
42        let top = ((y / img[0].naturalHeight) * imgHeight) - dotHeight;
43
44        $(this).css({
45            top: top + "px",
46            left: left + "px"
47        });
48
49        $(this).addClass('show');
50
51    });
52
53
54}
55
56$(window).on("resize load", positionDots);
57
58
59$component.find('.map-wrap').inView();
60
61
62$component.find('.dot').hover(
63    function() {
64
65        console.log('test')
66
67        $component.find('.dot').removeClass('active');
68
69        $(this).addClass('active')
70
71    },
72    function() {
73
74        $component.find('.dot').removeClass('active');
75
76    }
77)
78
79$(document).on("click", function(event) {
80
81
82    if (!$(event.target).closest('.dot.active').length) {
83
84        $component.find(".dot.active").removeClass('active')
85    }
86
87
88}) 
89
90}); 
91
92}); 
93
94}(jQuery));