https://tarbox.com/wp-content/themes/tarbox/js/vendors/map.js?v=8752

1jQuery(function($) {
2    // Asynchronously Load the map API 
3    var script = document.createElement('script');
4    script.src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyDIXH5_PK0y-90qL7GFOwYN56lVsyg0Wdk&callback=initialize";
5    document.body.appendChild(script);
6});
7
8var map, map_2;
9function initialize() {
10
11    var api_key = 'AIzaSyDIXH5_PK0y-90qL7GFOwYN56lVsyg0Wdk'; // Google Maps Javascript
12    var bounds = new google.maps.LatLngBounds();
13    var mapOptions = {
14        mapTypeId: 'roadmap',
15        zoom: 14,
16        scrollwheel: false,
17        styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#d5e2f7"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}]
18    };
19                    
20    // Display a map on the page
21    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
22    //map.setTilt(1);
23        
24    // Multiple Markers
25    var markers = [
26        ['Tarbox', jQuery('#map_lat').html(), jQuery('#map_lnt').html()],
27    ];
28                        
29    // Array of different dealer's addresses into info window
30    var infoWindowContent = [
31        
32        ['<div class="single-d-map clearfix">'+
33            '<div class="dealer-address">'+
34                '<h4 class="dealer-title">' + jQuery('#map_title').html() + '</h4>'+
35                '<p><span>Address:</span> ' + jQuery('#map_address').html() + '</p>'+
36                '<p><span>Email:</span> ' + jQuery('#map_email').html() + '</p>'+
37                '<p><span>Website:</span> <a href="http://www.tarbox.com" targe="_blank">http://www.tarbox.com</a></p>'+
38            '</div>'+
39        '</div>'],
40
41    ];
42        
43    // Display multiple markers on a map
44    var infoWindow = new google.maps.InfoWindow(), marker, i;
45    
46    // Loop through our array of markers & place each one on the map  
47    for( i = 0; i < markers.length; i++ ) {
48        var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
49        bounds.extend(position);
50        marker = new google.maps.Marker({
51            position: position,
52            map: map,
53            icon:theme_url + '/img/location-pin.png',
54            title: markers[i][0]
55        });
56        
57        // Allow each marker to have an info window    
58        google.maps.event.addListener(marker, 'click', (function(marker, i) {
59            return function() {
60                infoWindow.setContent(infoWindowContent[i][0]);
61                infoWindow.open(map, marker);
62            }
63        })(marker, i));
64
65        // Automatically center the map fitting all markers on the screen
66        map.fitBounds(bounds);
67    }
68
69    // Override our map zoom level once our fitBounds function runs (Make sure it only runs once)
70    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {
71        google.maps.event.removeListener(boundsListener);
72    });
73
74
75    // map 2
76        // Display a map on the page
77    map_2 = new google.maps.Map(document.getElementById("map_canvas_2"), mapOptions);
78    //map.setTilt(1);
79        
80    // Multiple Markers
81    var markers_2 = [
82        ['Tarbox', jQuery('#map_lat_2').html(), jQuery('#map_lnt_2').html()],
83    ];
84                        
85    // Array of different dealer's addresses into info window
86    var infoWindowContent_2 = [
87        
88        ['<div class="single-d-map clearfix">'+
89            '<div class="dealer-address">'+
90                '<h4 class="dealer-title">' + jQuery('#map_title_2').html() + '</h4>'+
91                '<p><span>Address:</span> ' + jQuery('#map_address_2').html() + '</p>'+
92                '<p><span>Email:</span> ' + jQuery('#map_email_2').html() + '</p>'+
93                '<p><span>Website:</span> <a href="http://www.tarbox.com" targe="_blank">http://www.tarbox.com</a></p>'+
94            '</div>'+
95        '</div>'],
96
97    ];
98        
99    // Display multiple markers on a map
100    var infoWindow = new google.maps.InfoWindow(), marker, i;
101    
102    // Loop through our array of markers & place each one on the map  
103    for( i = 0; i < markers_2.length; i++ ) {
104        var position = new google.maps.LatLng(markers_2[i][1], markers_2[i][2]);
105        bounds.extend(position);
106        marker = new google.maps.Marker({
107            position: position,
108            map: map_2,
109            icon:theme_url + '/img/location-pin.png',
110            title: markers_2[i][0]
111        });
112        
113        // Allow each marker to have an info window    
114        google.maps.event.addListener(marker, 'click', (function(marker, i) {
115            return function() {
116                infoWindow.setContent(infoWindowContent_2[i][0]);
117                infoWindow.open(map_2, marker);
118            }
119        })(marker, i));
120
121        // Automatically center the map fitting all markers on the screen
122        map_2.fitBounds(bounds);
123    }
124
125    // Override our map zoom level once our fitBounds function runs (Make sure it only runs once)
126    var boundsListener = google.maps.event.addListener((map_2), 'bounds_changed', function(event) {
127        google.maps.event.removeListener(boundsListener);
128    });
129    
130}
131
132setTimeout(function() {
133
134    var center = new google.maps.LatLng(jQuery('#map_lat').html(), jQuery('#map_lnt').html());
135    map.panTo(center);
136    map.setZoom(15);
137
138    var center = new google.maps.LatLng(jQuery('#map_lat_2').html(), jQuery('#map_lnt_2').html());
139    map_2.panTo(center);
140    map_2.setZoom(13);
141
142}, 1000);