https://lookingforjob.co/templates/classic-theme/js/map/openstreet/leaflet-quick.js

1$(document).ready(function () {
2    if (document.getElementById("map") !== null) {
3        if ($(window).width() < 992) {
4            var scrollEnabled = false;
5        } else {
6            var scrollEnabled = true;
7        }
8        var mapOptions = {gestureHandling: scrollEnabled,}
9        window.quickmap = L.map('map', mapOptions);
10        $('#scrollEnabling').hide();
11
12        function locationData(jobURL, companyLogo, companyName, jobTitle, verifiedBadge) {
13            return ('' +
14                '<a href="' + jobURL + '" class="job-listing">' +
15                '<div class="job-listing-details">' +
16                '<div class="job-listing-company-logo">' +
17                '<div class="' + verifiedBadge + '-badge"></div>' +
18                '<img src="' + companyLogo + '" alt="">' +
19                '</div>' +
20                '<div class="job-listing-description">' +
21                '<h4 class="job-listing-company">' + companyName + '</h4>' +
22                '<h3 class="job-listing-title">' + jobTitle + '</h3>' +
23                '</div>' +
24                '</div>' +
25                '</a>')
26        }
27
28        var locations = [[locationData('single-job-page.html', 'images/company-logo-01.png', "Hexagon", 'Bilingual Event Support Specialist', 'verified'), 37.788181, -122.461270, 5, '']];
29
30        L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
31            attribution: " &copy;  <a href='https://www.mapbox.com/about/maps/'>Mapbox</a> &copy;  <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a>",
32            maxZoom: 18,
33            id: 'mapbox/streets-v11',
34            tileSize: 512,
35            zoomOffset: -1,
36            accessToken: openstreet_access_token
37        }).addTo(quickmap);
38        markers = L.markerClusterGroup({spiderfyOnMaxZoom: true, showCoverageOnHover: false,});
39        for (var i = 0; i < locations.length; i++) {
40            var quickIcon = L.divIcon({
41                iconAnchor: [0, 0],
42                popupAnchor: [0, 0],
43                className: 'quick-marker-icon',
44                html: '<div class="marker-container">' +
45                '<div class="marker-card">' +
46                '<div class="front face">' + locations[i][4] + '</div>' +
47                '<div class="back face">' + locations[i][4] + '</div>' +
48                '<div class="marker-arrow"></div>' +
49                '</div>' +
50                '</div>'
51            });
52            var popupOptions = {'maxWidth': '320', 'minWidth': '320', 'className': 'leaflet-infoBox'}
53            var markerArray = [];
54            marker = new L.marker([locations[i][1], locations[i][2]], {icon: quickIcon,}).bindPopup(locations[i][0], popupOptions);
55            marker.on('click', function (e) {
56            });
57            quickmap.on('popupopen', function (e) {
58                L.DomUtil.addClass(e.popup._source._icon, 'clicked');
59            }).on('popupclose', function (e) {
60                if (e.popup) {
61                    L.DomUtil.removeClass(e.popup._source._icon, 'clicked');
62                }
63            });
64            markers.addLayer(marker);
65        }
66        quickmap.addLayer(markers);
67        markerArray.push(markers);
68        if (markerArray.length > 0) {
69            quickmap.fitBounds(L.featureGroup(markerArray).getBounds().pad(0.2));
70        }
71        quickmap.removeControl(quickmap.zoomControl);
72        var zoomOptions = {zoomInText: '', zoomOutText: ''};
73        var zoom = L.control.zoom(zoomOptions);
74        zoom.addTo(quickmap);
75    }
76
77    function singleListingMap() {
78        var lng = parseFloat($('#singleListingMap').data('longitude'));
79        var lat = parseFloat($('#singleListingMap').data('latitude'));
80        var singleMapIco = "<i class='" + $('#singleListingMap').data('map-icon') + "'></i>";
81        var quickIcon = L.divIcon({
82            iconAnchor: [0, 0],
83            popupAnchor: [0, 0],
84            className: 'quick-marker-icon',
85            html: '<div class="marker-container no-marker-icon "></div>'
86        });
87
88        if ($(window).width() < 992) {
89            var scrollEnabled = false;

90        } else {
91            var scrollEnabled = true;
92        }
93
94        var mapOptions = {center: [lat, lng], zoom: 13, zoomControl: false, gestureHandling: scrollEnabled};
95        var map_single = L.map('singleListingMap', mapOptions);
96        var zoomOptions = {
97            zoomInText: '<i class="fa fa-plus" aria-hidden="true"></i>',
98            zoomOutText: '<i class="fa fa-minus" aria-hidden="true"></i>'
99        };
100        var zoom = L.control.zoom(zoomOptions);
101        zoom.addTo(map_single);
102        map_single.scrollWheelZoom.disable();
103        marker = new L.marker([lat, lng], {icon: quickIcon}).addTo(map_single);
104        L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
105            attribution: " &copy;  <a href='https://www.mapbox.com/about/maps/'>Mapbox</a> &copy;  <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a>",
106            maxZoom: 18,
107            id: 'mapbox/streets-v11',
108            tileSize: 512,
109            zoomOffset: -1,
110            accessToken: openstreet_access_token
111        }).addTo(map_single);
112        window.singleListingMapMarker = marker;
113        window.singleListingMap = map_single;
114    }
115
116    if (document.getElementById("singleListingMap") !== null) {
117        singleListingMap();
118    }
119});