https://www.viajesvicalvaro.com/wp-content/plugins/traveler-layout…/assets/js/st-custom.js?ver=7.1.3

1(function ($) {
2    $(document).ready(function() {
3        $('.popup-st-gallery').magnificPopup({
4            delegate: 'a',
5            type: 'image',
6            tLoading: 'Loading image #%curr%...',
7            mainClass: 'mfp-img-mobile',
8            gallery: {
9                enabled: true,
10                navigateByImgClick: true,
11                preload: [0,1] // Will preload 0 - before current, and 1 after the current image
12            },
13            image: {
14                tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
15            }
16        });
17     
18    });
19
20    function initMapContactPage(mapEl) {
21      const styles = {
22          default: [],
23          silver: [
24            {
25              elementType: "geometry",
26              stylers: [{ color: "#f5f5f5" }],
27            },
28            {
29              elementType: "labels.icon",
30              stylers: [{ visibility: "off" }],
31            },
32            {
33              elementType: "labels.text.fill",
34              stylers: [{ color: "#616161" }],
35            },
36            {
37              elementType: "labels.text.stroke",
38              stylers: [{ color: "#f5f5f5" }],
39            },
40            {
41              featureType: "administrative.land_parcel",
42              elementType: "labels.text.fill",
43              stylers: [{ color: "#bdbdbd" }],
44            },
45            {
46              featureType: "poi",
47              elementType: "geometry",
48              stylers: [{ color: "#eeeeee" }],
49            },
50            {
51              featureType: "poi",
52              elementType: "labels.text.fill",
53              stylers: [{ color: "#757575" }],
54            },
55            {
56              featureType: "poi.park",
57              elementType: "geometry",
58              stylers: [{ color: "#e5e5e5" }],
59            },
60            {
61              featureType: "poi.park",
62              elementType: "labels.text.fill",
63              stylers: [{ color: "#9e9e9e" }],
64            },
65            {
66              featureType: "road",
67              elementType: "geometry",
68              stylers: [{ color: "#ffffff" }],
69            },
70            {
71              featureType: "road.arterial",
72              elementType: "labels.text.fill",
73              stylers: [{ color: "#757575" }],
74            },
75            {
76              featureType: "road.highway",
77              elementType: "geometry",
78              stylers: [{ color: "#dadada" }],
79            },
80            {
81              featureType: "road.highway",
82              elementType: "labels.text.fill",
83              stylers: [{ color: "#616161" }],
84            },
85            {
86              featureType: "road.local",
87              elementType: "labels.text.fill",
88              stylers: [{ color: "#9e9e9e" }],
89            },
90            {
91              featureType: "transit.line",
92              elementType: "geometry",
93              stylers: [{ color: "#e5e5e5" }],
94            },
95            {
96              featureType: "transit.station",
97              elementType: "geometry",
98              stylers: [{ color: "#eeeeee" }],
99            },
100            {
101              featureType: "water",
102              elementType: "geometry",
103              stylers: [{ color: "#c9c9c9" }],
104            },
105            {
106              featureType: "water",
107              elementType: "labels.text.fill",
108              stylers: [{ color: "#9e9e9e" }],
109            },
110          ],
111          night: [
112            { elementType: "geometry", stylers: [{ color: "#242f3e" }] },
113            { elementType: "labels.text.stroke", stylers: [{ color: "#242f3e" }] },
114            { elementType: "labels.text.fill", stylers: [{ color: "#746855" }] },
115            {
116              featureType: "administrative.locality",
117              elementType: "labels.text.fill",
118              stylers: [{ color: "#d59563" }],
119            },
120            {
121              featureType: "poi",
122              elementType: "labels.text.fill",
123              stylers: [{ color: "#d59563" }],
124            },
125            {
126              featureType: "poi.park",
127              elementType: "geometry",
128              stylers: [{ color: "#263c3f" }],
129            },
130            {
131              featureType: "poi.park",
132              elementType: "labels.text.fill",
133              stylers: [{ color: "#6b9a76" }],
134            },
135            {
136              featureType: "road",
137              elementType: "geometry",
138              stylers: [{ color: "#38414e" }],
139            },
140            {
141              featureType: "road",
142              elementType: "geometry.stroke",
143              stylers: [{ color: "#212a37" }],
144            },
145            {
146              featureType: "road",
147              elementType: "labels.text.fill",
148              stylers: [{ color: "#9ca5b3" }],
149            },
150            {
151              featureType: "road.highway",
152              elementType: "geometry",
153              stylers: [{ color: "#746855" }],
154            },
155            {
156              featureType: "road.highway",
157              elementType: "geometry.stroke",
158              stylers: [{ color: "#1f2835" }],
159            },
160            {
161              featureType: "road.highway",
162              elementType: "labels.text.fill",
163              stylers: [{ color: "#f3d19c" }],
164            },
165            {
166              featureType: "transit",
167              elementType: "geometry",
168              stylers: [{ color: "#2f3948" }],
169            },
170            {
171              featureType: "transit.station",
172              elementType: "labels.text.fill",
173              stylers: [{ color: "#d59563" }],
174            },
175            {
176              featureType: "water",
177              elementType: "geometry",
178              stylers: [{ color: "#17263c" }],
179            },
180            {
181              featureType: "water",
182              elementType: "labels.text.fill",
183              stylers: [{ color: "#515c6d" }],
184            },
185            {
186              featureType: "water",
187              elementType: "labels.text.stroke",
188              stylers: [{ color: "#17263c" }],
189            },
190          ],
191          retro: [
192            { elementType: "geometry", stylers: [{ color: "#ebe3cd" }] },
193            { elementType: "labels.text.fill", stylers: [{ color: "#523735" }] },
194            { elementType: "labels.text.stroke", stylers: [{ color: "#f5f1e6" }] },
195            {
196              featureType: "administrative",
197              elementType: "geometry.stroke",
198              stylers: [{ color: "#c9b2a6" }],
199            },
200            {
201              featureType: "administrative.land_parcel",
202              elementType: "geometry.stroke",
203              stylers: [{ color: "#dcd2be" }],
204            },
205            {
206              featureType: "administrative.land_parcel",
207              elementType: "labels.text.fill",
208              stylers: [{ color: "#ae9e90" }],
209            },
210            {
211              featureType: "landscape.natural",
212              elementType: "geometry",
213              stylers: [{ color: "#dfd2ae" }],
214            },
215            {
216              featureType: "poi",
217              elementType: "geometry",
218              stylers: [{ color: "#dfd2ae" }],
219            },
220            {
221              featureType: "poi",
222              elementType: "labels.text.fill",
223              stylers: [{ color: "#93817c" }],
224            },
225            {
226              featureType: "poi.park",
227              elementType: "geometry.fill",
228              stylers: [{ color: "#a5b076" }],
229            },
230            {
231              featureType: "poi.park",
232              elementType: "labels.text.fill",
233              stylers: [{ color: "#447530" }],
234            },
235            {
236              featureType: "road",
237              elementType: "geometry",
238              stylers: [{ color: "#f5f1e6" }],
239            },
240            {
241              featureType: "road.arterial",
242              elementType: "geometry",
243              stylers: [{ color: "#fdfcf8" }],
244            },
245            {
246              featureType: "road.highway",
247              elementType: "geometry",
248              stylers: [{ color: "#f8c967" }],
249            },
250            {
251              featureType: "road.highway",
252              elementType: "geometry.stroke",
253              stylers: [{ color: "#e9bc62" }],
254            },
255            {
256              featureType: "road.highway.controlled_access",
257              elementType: "geometry",
258              stylers: [{ color: "#e98d58" }],
259            },
260            {
261              featureType: "road.highway.controlled_access",
262              elementType: "geometry.stroke",
263              stylers: [{ color: "#db8555" }],
264            },
265            {
266              featureType: "road.local",
267              elementType: "labels.text.fill",
268              stylers: [{ color: "#806b63" }],
269            },
270            {
271              featureType: "transit.line",
272              elementType: "geometry",
273              stylers: [{ color: "#dfd2ae" }],
274            },
275            {
276              featureType: "transit.line",
277              elementType: "labels.text.fill",
278              stylers: [{ color: "#8f7d77" }],
279            },
280            {
281              featureType: "transit.line",
282              elementType: "labels.text.stroke",
283              stylers: [{ color: "#ebe3cd" }],
284            },
285            {
286              featureType: "transit.station",
287              elementType: "geometry",
288              stylers: [{ color: "#dfd2ae" }],
289            },
290            {
291              featureType: "water",
292              elementType: "geometry.fill",
293              stylers: [{ color: "#b9d3c2" }],
294            },
295            {
296              featureType: "water",
297              elementType: "labels.text.fill",
298              stylers: [{ color: "#92998d" }],
299            },
300          ],
301          hiding: [
302            {
303              featureType: "poi.business",
304              stylers: [{ visibility: "off" }],
305            },
306            {
307              featureType: "transit",
308              elementType: "labels.icon",
309              stylers: [{ visibility: "off" }],
310            },
311          ],
312        };
313      var mapLat = mapEl.data('lat');
314      var mapLng = mapEl.data('lng');
315      var zoomMap = mapEl.data('zoom');
316      var style = mapEl.data('style');
317      var image = mapEl.data('icon');
318      console.log(zoomMap);
319      var map = new google.maps.Map(document.getElementById('contact-map-new-agency'), {
320          zoom: zoomMap,
321          center: {lat: parseFloat(mapLat), lng: parseFloat(mapLng)},
322          disableDefaultUI: true, 
323          styles: styles[style]
324      });
325      const beachMarker = new google.maps.Marker({
326          position: { lat: parseFloat(mapLat), lng: parseFloat(mapLng) },
327          map,
328          icon: image,
329        });
330  
331    }
332
333    function initMapBoxContactPage(mapEl) {
334        var mapLat = mapEl.data('lat');
335        var mapLng = mapEl.data('lng');
336        var zoomMap = mapEl.data('zoom');
337        var token = mapEl.data('token');
338        var style = mapEl.data('style');
339        mapboxgl.accessToken = token;
340        /* Map: This represents the map on the page. */
341        var map = new mapboxgl.Map({
342            container: "contact-mapbox-new-agency",
343            style: style,
344            zoom: zoomMap,
345            center: [parseFloat(mapLng), parseFloat(mapLat)]
346        });
347    
348        map.on("load", function () {
349            /* Image: An image is loaded and added to the map. */
350            map.loadImage("https://i.imgur.com/MK4NUzI.png", function (error, image) {
351                if (error) throw error;
352                map.addImage("custom-marker", image);
353                /* Style layer: A style layer ties together the source and image and specifies how they are displayed on the map. */
354                map.addLayer({
355                    id: "markers",
356                    type: "symbol",
357                    /* Source: A data source specifies the geographic coordinate where the image marker gets placed. */
358                    source: {
359                        type: "geojson",
360                        data: {
361                            type: 'FeatureCollection',
362                            features: [{
363                                type: 'Feature',
364                                properties: {},
365                                geometry: {
366                                    type: "Point",
367                                    coordinates: [parseFloat(mapLng), parseFloat(mapLat)]
368                                }
369                            }]
370                        }
371                    },
372                    layout: {
373                        "icon-image": "custom-marker",
374                    }
375                });
376            });
377            map.resize();
378        });
379    }
380    $(window).on('elementor/frontend/init', function () {
381     
382      elementorFrontend.hooks.addAction('frontend/element_ready/map.default', function ($wrapper) {
383        let wrapper_id_map = $('#contact-map-new-agency', $wrapper);
384        if (wrapper_id_map.length) {
385          initMapContactPage(wrapper_id_map);
386        }
387        let wrapper_id_mapbox = $('#contact-mapbox-new-agency', $wrapper);
388        if (wrapper_id_mapbox.length) {
389          initMapBoxContactPage(wrapper_id_mapbox);
390        }
391      });
392    });

393})(jQuery);