var customPin = document.createElement("img"); customPin.src = "https://bickfordbrewing.ca/img/map-pin_.png"; if(customPin && customPin.style) customPin.style.height = '30px'; var customPinOff = document.createElement("img"); customPinOff.src = "https://bickfordbrewing.ca/img/map-pin-off_.png"; if(customPinOff && customPinOff.style) customPinOff.style.height = '30px'; var map = null; var locations = new Array(); (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({ key: "AIzaSyAjCLLdGz_9n2nIZ4j8EvzRHUnJ6PEbwCE", v: "weekly", // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.). // Add other bootstrap parameters as needed, using camel case. }); async function initPlaces() { const { Places } = await google.maps.importLibrary("places"); const { Autocomplete } = await google.maps.importLibrary("places"); var billing_input = document.getElementById("billing_master_address"); var shipping_input = document.getElementById("shipping_master_address"); var options = { componentRestrictions: { country: "ca" }, fields: ["address_components", "geometry", "icon", "name"], strictBounds: false }; billing_address_autocomplete = new Autocomplete(billing_input, options); billing_address_autocomplete.addListener("place_changed", () => { fillInAddress(billing_address_autocomplete, "billing") }); shipping_address_autocomplete = new Autocomplete(shipping_input, options); shipping_address_autocomplete.addListener("place_changed", () => { fillInAddress(shipping_address_autocomplete, "shipping") }); } async function initMap() { const position = { lat: 43.66687641798226, lng: -79.41828269644468 }; const { Map } = await google.maps.importLibrary("maps"); const { AdvancedMarkerElement } = await google.maps.importLibrary("marker"); const { PinElement } = await google.maps.importLibrary("marker"); map = new Map(document.getElementById("map"), { zoom: 15, center: position, gestureHandling: "cooperative", mapId: "3dec97da2829cb51", disableDefaultUI: true, clickableIcons: false, }); locations.push({ marker: new AdvancedMarkerElement({ map, position: { lat: 43.67251114915851, lng: -79.4142715534725 }, title: "Annex Social", content: customPin.cloneNode(true), }), infoWindow: new google.maps.InfoWindow({ content: "