https://www.asmae.fr/wp-content/themes/asmae/assets/scripts/map.js?ver=-b-modified-1718727040

1jQuery(document).ready(function(){
2
3  if(jQuery("input[data-wpt-id = wpcf-coordonnees]").length) {
4
5    var jsonXY = jQuery("input[data-wpt-id = wpcf-coordonnees]").val();
6    var json = '[' + jsonXY + ']',
7      objects = JSON.parse(json);
8    console.log(objects);
9    for (var obj in objects) {
10      console.log(objects[obj].x);
11      jQuery('#map_country').append('<div class="marker" style="margin: -20px 0 0 -3px; width: 16px; height: 22px;background: url(/wp-content/themes/asmae/assets/images/marker.png); background-repeat: no-repeat;background-size: contain; position: absolute; top: ' + objects[obj].y + '%; left: ' + objects[obj].x + '%;"></div>');
12    }
13
14    jQuery('#map_country img').click(function (e) {
15      var inputCoordXY = jQuery('input[data-wpt-id = wpcf-coordonnees]');
16      var parentOffset = jQuery(this).offset();
17      var x = e.pageX - parentOffset.left;
18      var y = e.pageY - parentOffset.top;
19
20      var width = jQuery('#map_country img').width();
21      var height = jQuery('#map_country img').height();
22      var percentX = (x * 100) / width;
23      var percentY = (y * 100) / height;
24      //console.log(inputCoordXY.val());
25      if ('' != inputCoordXY.val()) {
26        inputCoordXY.val(inputCoordXY.val() + ',');
27      }
28      inputCoordXY.val(inputCoordXY.val() + '{"x":' + Math.floor(percentX) + ',"y":' + Math.floor(percentY) + '}');
29      jQuery('#map_country').append('<div class="marker" style="margin: -20px 0 0 -3px; width: 16px; height: 22px;background: url(/wp-content/themes/asmae/assets/images/marker.png); background-repeat: no-repeat;background-size: contain; position: absolute; top: ' + Math.floor(percentY) + '%; left: ' + Math.floor(percentX) + '%;"></div>');
30    });
31
32
33    jQuery('input[data-wpt-id = wpcf-coordonnees]').change(function (e) {
34      jQuery(".marker").remove();
35      var jsonXY = jQuery("input[data-wpt-id = wpcf-coordonnees]").val();
36      var json = '[' + jsonXY + ']',
37        objects = JSON.parse(json);
38      console.log(objects);
39      for (var obj in objects) {
40        jQuery('#map_country').append('<div class="marker" style="margin: -20px 0 0 -3px; width: 16px; height: 22px;background: url(/wp-content/themes/asmae/assets/images/marker.png); background-repeat: no-repeat;background-size: contain;position: absolute; top: ' + objects[obj].y + '%; left: ' + objects[obj].x + '%;"></div>');
41      }
42    });
43
44  }
45
46  if(jQuery("input[data-wpt-id = wpcf-coordonnees_world]").length) {
47
48    var jsonXY = jQuery("input[data-wpt-id = wpcf-coordonnees_world]").val();
49    var json = '[' + jsonXY + ']',
50      objects = JSON.parse(json);
51    console.log(objects);
52    for (var obj in objects) {
53      console.log(objects[obj].x);
54      jQuery('#map_world').append('<div class="marker_world" style="margin: -3px 0 0 -3px; width: 6px; height: 6px; background: red; position: absolute; top: ' + objects[obj].y + '%; left: ' + objects[obj].x + '%;"></div>');
55    }
56
57    jQuery('#map_world svg').click(function (e) {
58      var inputCoordXY = jQuery('input[data-wpt-id = wpcf-coordonnees_world]');
59      var parentOffset = jQuery(this).offset();
60      var x = e.pageX - parentOffset.left;
61      var y = e.pageY - parentOffset.top;
62
63      var width = jQuery('#map_world svg').width();
64      var height = jQuery('#map_world svg').height();
65      var percentX = (x * 100) / width;
66      var percentY = (y * 100) / height;
67      //console.log(inputCoordXY.val());
68      if ('' != inputCoordXY.val()) {
69        inputCoordXY.val(inputCoordXY.val() + ',');
70      }
71      inputCoordXY.val(inputCoordXY.val() + '{"x":' + Math.floor(percentX) + ',"y":' + Math.floor(percentY) + '}');
72      jQuery('#map_world').append('<div class="marker_world" style="margin: -3px 0 0 -3px; width: 6px; height: 6px; background: red; position: absolute; top: ' + Math.floor(percentY) + '%; left: ' + Math.floor(percentX) + '%;"></div>');
73    });
74
75
76    jQuery('input[data-wpt-id = wpcf-coordonnees_world]').change(function (e) {
77      jQuery(".marker_world").remove();
78      var jsonXY = jQuery("input[data-wpt-id = wpcf-coordonnees_world]").val();
79      var json = '[' + jsonXY + ']',
80        objects = JSON.parse(json);
81      console.log(objects);
82      for (var obj in objects) {
83        jQuery('#map_world').append('<div class="marker_world" style="margin: -3px 0 0 -3px; width: 6px; height: 6px; background: red; position: absolute; top: ' + objects[obj].y + '%; left: ' + objects[obj].x + '%;"></div>');
84      }
85    });
86
87  }
88
89
90  jQuery('.filter-container li span').click(function() {
91    var filter = jQuery(this).data();
92    jQuery('.filter-container li span').removeClass('selected');
93    jQuery(this).addClass('selected');
94    filterList(filter.filter);
95  });
96
97  //News filter function
98  function filterList(value) {
99    var list = jQuery(".markers-container div");
100    jQuery(list).fadeOut("fast");
101    if (value == "all") {
102      jQuery(".markers-container").find("div").each(function (i) {
103        jQuery(this).delay(200).slideDown("fast");
104      });
105    } else {
106      jQuery(".markers-container").find("div[data-cat*=" + value + "]").each(function (i) {
107        jQuery(this).delay(200).slideDown("fast");
108      });
109    }
110  }
111
112
113});
114