https://amlaksanati.com/themes/default/theme_assets/js/map-single.js

1 function singleMap() {
2    var myLatLng = {
3        lng: $('#singleMap').data('longitude'),
4        lat: $('#singleMap').data('latitude'),
5    };
6    var single_map = new google.maps.Map(document.getElementById('singleMap'), {
7        zoom: 12,
8        center: myLatLng,
9        scrollwheel: false,
10        zoomControl: false,
11        fullscreenControl: true,
12        mapTypeControl: false,
13        scaleControl: false,
14        panControl: false,
15        navigationControl: false,
16        streetViewControl: true,
17        styles:  [{featureType:"administrative",elementType:"geometry.fill",stylers:[{visibility:"on"},{color:"#ffffff"}]},{featureType:"administrative",elementType:"labels.text.fill",stylers:[{gamma:"0.00"},{weight:"0.01"},{visibility:"on"},{color:"#8c8c8c"}]},{featureType:"administrative.neighborhood",elementType:"labels.text",stylers:[{visibility:"on"}]},{featureType:"administrative.neighborhood",elementType:"labels.text.fill",stylers:[{color:"#898989"}]},{featureType:"administrative.neighborhood",elementType:"labels.text.stroke",stylers:[{color:"#ffffff"},{weight:"4.00"}]},{featureType:"landscape",elementType:"all",stylers:[{color:"#ffffff"}]},{featureType:"landscape.man_made",elementType:"geometry.fill",stylers:[{visibility:"simplified"},{color:"#ffffff"}]},{featureType:"landscape.natural",elementType:"geometry",stylers:[{visibility:"on"}]},{featureType:"landscape.natural",elementType:"labels.text.fill",stylers:[{color:"#8d8d8d"}]},{featureType:"landscape.natural.terrain",elementType:"geometry.stroke",stylers:[{visibility:"on"}]},{featureType:"poi",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"poi.park",elementType:"geometry.fill",stylers:[{color:"#cef8d5"},{visibility:"on"}]},{featureType:"poi.park",elementType:"labels.text.fill",stylers:[{visibility:"on"},{color:"#60b36c"}]},{featureType:"poi.park",elementType:"labels.text.stroke",stylers:[{visibility:"on"},{color:"#ffffff"}]},{featureType:"poi.park",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"all",stylers:[{saturation:"-100"},{lightness:"32"},{visibility:"on"}]},{featureType:"road",elementType:"geometry.fill",stylers:[{color:"#f3f3f3"}]},{featureType:"road",elementType:"geometry.stroke",stylers:[{color:"#e1e1e1"}]},{featureType:"road",elementType:"labels.text",stylers:[{visibility:"on"}]},{featureType:"road.highway",elementType:"all",stylers:[{visibility:"simplified"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{visibility:"on"},{lightness:"63"}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#f3f3f3"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#e1e1e1"}]},{featureType:"road.highway",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"road.highway",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"road.arterial",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"transit.station",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"all",stylers:[{visibility:"on"},{color:"#eeeeee"}]},{featureType:"water",elementType:"geometry.fill",stylers:[{color:"#cce4ff"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{visibility:"on"},{color:"#6095a5"}]}]
18    });
19var marker = new google.maps.Marker({
20    position: myLatLng, 
21    map: single_map, 
22    icon: 'images/marker-single.png',
23    draggarble: false
24});
25if ($(".mapC_vis").length > 0) {
26    var datainfotitle = $('#singleMap').data('infotitle'),
27        datainfotext = $('#singleMap').data('infotext');
28    var information = new google.maps.InfoWindow({
29        content: "<div class='info-window-content'><h1>" + datainfotitle + "</h1> <p>" + datainfotext + "</p></div>"
30    });
31    marker.addListener('click', function () {
32        information.open(single_map, marker);
33    });
34}
35var scrollEnabling = $('.scrollContorl');
36$(scrollEnabling).click(function (e) {
37    e.preventDefault();
38    $(this).toggleClass("enabledsroll");
39
40    if ($(this).is(".enabledsroll")) {
41        single_map.setOptions({
42            'scrollwheel': true
43        });
44    } else {
45        single_map.setOptions({
46            'scrollwheel': false
47        });
48    }
49});
50var zoomControlDiv = document.createElement('div');
51var zoomControl = new ZoomControl(zoomControlDiv, single_map);
52function ZoomControl(controlDiv, single_map) {
53    zoomControlDiv.index = 1;
54    single_map.controls[google.maps.ControlPosition.RIGHT_CENTER].push(zoomControlDiv);
55    controlDiv.style.padding = '5px';
56    var controlWrapper = document.createElement('div');
57    controlDiv.appendChild(controlWrapper);
58    var zoomInButton = document.createElement('div');
59    zoomInButton.className = "mapzoom-in";
60    controlWrapper.appendChild(zoomInButton);
61    var zoomOutButton = document.createElement('div');
62    zoomOutButton.className = "mapzoom-out";
63    controlWrapper.appendChild(zoomOutButton);
64    google.maps.event.addDomListener(zoomInButton, 'click', function () {
65        single_map.setZoom(single_map.getZoom() + 1);
66    });

67    google.maps.event.addDomListener(zoomOutButton, 'click', function () {
68        single_map.setZoom(single_map.getZoom() - 1);
69    });
70}
71if ($(".mapC_vis2").length > 0) {
72    var input = document.getElementById('pac-input');
73    var searchBox = new google.maps.places.SearchBox(input);
74    single_map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
75    single_map.addListener('bounds_changed', function () {
76        searchBox.setBounds(single_map.getBounds());
77    });
78    var infowindow = new google.maps.InfoWindow({});
79    var markers = [];
80    searchBox.addListener('places_changed', function () {
81        var places = searchBox.getPlaces();
82
83        if (places.length == 0) {
84            return;
85        }
86        markers.forEach(function (marker) {
87            marker.setMap(null);
88        });
89        markers = [];
90        var bounds = new google.maps.LatLngBounds();
91        places.forEach(function (place) {
92            var icon = {
93                url: place.icon,
94                size: new google.maps.Size(31, 31),
95                origin: new google.maps.Point(0, 0),
96                anchor: new google.maps.Point(17, 34),
97                scaledSize: new google.maps.Size(25, 25)
98            };
99            var marker = new google.maps.Marker({
100                map: single_map,
101                icon: icon,
102                title: place.name,
103                position: place.geometry.location
104            });
105            markers.push(marker);
106            (function (marker, place) {
107                marker.addListener('click', function () {
108                    var content = "<h1>" + place.name + "</h1>";
109                    content += "<p>" + place.formatted_address + "</p>";
110                    if (place.formatted_phone_number) {
111                        content += "<p>Phone:&nbsp;" + place.formatted_phone_number + "</p>";
112                    }
113                    infowindow.setContent(content);
114                    infowindow.open(single_map, marker);
115                });
116            })(marker, place);
117
118            if (place.geometry.viewport) {
119                bounds.union(place.geometry.viewport);
120            } else {
121                bounds.extend(place.geometry.location);
122            }
123        });
124        single_map.fitBounds(bounds);
125        single_map.setZoom(12);
126    });
127}
128$(".single-map-item").on("click", function (e) {
129    e.preventDefault();
130    google.maps.event.trigger(single_map, 'resize');
131    $(".map-modal-wrap").fadeIn(400);
132    single_map.setZoom(12);
133    var $that = $(this),
134        newln = $that.data("newlatitude"),
135        newlg = $that.data("newlongitude"),
136        newtitle = $that.parents(".geodir-category-listing").find(".title-sin_item a").text(),
137        newtitleAdress = $that.parents(".geodir-category-listing").find(".geodir-category-location a span").text(),
138        latlng = new google.maps.LatLng(newln, newlg);
139    marker.setPosition(latlng);
140    single_map.panTo(latlng);
141    $(".map-modal-container h3 span").text(newtitle);
142    var information2 = new google.maps.InfoWindow({
143        content: "<div class='info-window-content'><h1>" + newtitle + "</h1> <p>" + newtitleAdress + "</p></div>"
144    });
145    marker.addListener('click', function () {
146        information2.open(single_map, marker);
147    });
148});
149$(".map-modal-close , .map-modal-wrap-overlay").on("click", function () {
150    $(".map-modal-wrap").fadeOut(400);
151    single_map.setZoom(14);
152    single_map.getStreetView().setVisible(false);
153});
154}
155var single_map = document.getElementById('singleMap');
156if (typeof (single_map) != 'undefined' && single_map != null) {
157    google.maps.event.addDomListener(window, 'load', singleMap);
158}
159