window.markers=[];const iconoMarcador=window.imagespath+"/ic-pin-map-negro.png";const iconoMarcadorAmbassador=window.imagespath+"/ic-pin-map-ambassador-sm.png";const infowindow=new google.maps.InfoWindow;const geocoder=new google.maps.Geocoder;let map=null;let punto={};document.addEventListener("DOMContentLoaded",function(event){document.addEventListener("click",handleClicks)});function handleClicks(event){if(event.target&&event.target.classList.contains("js-doZoomLocation")){const indice=event.target.dataset.indice;hacerZoomLocalizacion(window.markers[indice],indice)}else if(event.target.classList.contains("js-doZoomBounds")){hacerZoomBounds(event.target.dataset.bounds)}}function initializeGoogleMaps(mapid,puntos,puntoindex,lang,aMapas,defaultMapa){let params=new URL(document.location).searchParams;let postalCode=params.get("codigo_postal");if(!puntoindex)puntoindex=-1;let minZoomLevel=2;let mapOptions={zoomControl:true,mapTypeId:google.maps.MapTypeId.MAP,styles:[{stylers:[{hue:"#006CC4"},{saturation:-20}]}]};if(defaultMapa!=null){mapOptions.center=new google.maps.LatLng(aMapas[defaultMapa][2],aMapas[defaultMapa][3]);mapOptions.zoom=aMapas[defaultMapa][4]}map=new google.maps.Map(document.getElementById(mapid),mapOptions);google.maps.event.addListener(map,"zoom_changed",function(){if(map.getZoom()<minZoomLevel)map.setZoom(minZoomLevel)});for(let i=aMapas.length-1;i>=0;i--){let mapzoneControlDiv=document.createElement("div");mapzoneControlDiv.index=1;map.controls[google.maps.ControlPosition.TOP_RIGHT].push(mapzoneControlDiv)}cargarLocalizaciones(puntos);if(puntoindex==-1){if(defaultMapa!=null){map.setCenter(new google.maps.LatLng(aMapas[defaultMapa][2],aMapas[defaultMapa][3]));map.setZoom(aMapas[defaultMapa][4])}else{hacerZoomBounds(puntos)}}else{let ptSelected=null;puntos.every(function(pt){if(pt[7]==puntoindex){ptSelected=puntos.indexOf(pt);return false}return true});if(ptSelected!=null){let marker=window.markers[ptSelected];map.setCenter(marker.getPosition());map.setZoom(15);punto={content:getMarkerHTML(ptSelected,puntos,marker)};infowindow.setContent(punto.content);infowindow.open(map,marker)}else{if(defaultMapa!=null){map.setCenter(new google.maps.LatLng(aMapas[defaultMapa][2],aMapas[defaultMapa][3]));map.setZoom(aMapas[defaultMapa][4])}else{hacerZoomBounds(puntos)}}}const markers=window.markers;const renderer={render({count,position},stats){const color=count>Math.max(10,stats.clusters.markers.mean)?"#003D71":"#015196";const svg=window.btoa(`
              <svg fill="${color}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
                <circle cx="120" cy="120" opacity=".6" r="70" />
                <circle cx="120" cy="120" opacity=".3" r="90" />
                <circle cx="120" cy="120" opacity=".2" r="110" />
              </svg>`);return new google.maps.Marker({position:position,icon:{url:`data:image/svg+xml;base64,${svg}`,scaledSize:new google.maps.Size(45,45)},label:{text:String(count),color:"rgba(255,255,255,0.9)",fontSize:"12px"},title:`Cluster of ${count} markers`,zIndex:Number(google.maps.Marker.MAX_ZINDEX)+count})}};new markerClusterer.MarkerClusterer({map:map,markers:markers,renderer:renderer});if(postalCode!=null&&postalCode!=="")codeAddress(postalCode)}function cargarLocalizaciones(puntos){window.markers=[];for(let i=0;i<puntos.length;i++){let marker=new google.maps.Marker({position:new google.maps.LatLng(puntos[i].latitud,puntos[i].longitud),map:map,icon:puntos[i].isAmbassador!=null&&puntos[i].isAmbassador?iconoMarcadorAmbassador:iconoMarcador});punto={content:getMarkerHTML(i,puntos,marker)};window.markers[i]=marker;google.maps.event.addListener(marker,"click",function(marker,punto){return function(){infowindow.setContent(punto.content);infowindow.open(map,marker)}}(marker,punto))}}function getMarkerHTML(indice,puntos,marker){let strHTML="<div style='padding-bottom:10px;color:#666;font-size:12px;'>";if(typeof puntos[indice][0]!="undefined"&&puntos[indice].titulo!=""){strHTML+="<h2>"+puntos[indice].titulo+"</h2>";strHTML+='<div class="tools">';strHTML+='<i data-indice="'+indice+'" class="bi bi-zoom-in js-doZoomLocation"></i>';strHTML+='<i data-bounds="'+puntos+'" class="bi bi-zoom-out js-doZoomBounds"></i>';strHTML+="</div>"}if(typeof puntos[indice][8]!="undefined"&&puntos[indice].image!=""&&puntos[indice].image!="none"){strHTML+='<div><a class="js-doZoomLocation" data-indice="'+indice+'">'+"<img src='"+puntos[indice].image+"' alt='"+puntos[indice].titulo+"' border=0/></a>"+"</div>"}if(typeof puntos[indice].numeroDeCuenta!="undefined"&&puntos[indice].numeroDeCuenta!="")strHTML+='<span style="color: #d6d6d6db">'+puntos[indice].numeroDeCuenta+"</span><br>";if(typeof puntos[indice].nombreDeCuenta!="undefined"&&puntos[indice].nombreDeCuenta!="")strHTML+="<br>"+puntos[indice].nombreDeCuenta;if(typeof puntos[indice].direccion!="undefined"&&puntos[indice].direccion!="")strHTML+="<br>"+puntos[indice].direccion+"<br>";if(typeof puntos[indice].ciudad!="undefined"&&puntos[indice].ciudad!="")strHTML+="<br>"+puntos[indice].ciudad+"&nbsp;";if(typeof puntos[indice].codigoPostal!="undefined"&&puntos[indice].codigoPostal!="")strHTML+=", "+puntos[indice].codigoPostal+"&nbsp;";if(typeof puntos[indice].provincia!="undefined"&&puntos[indice].provincia!="")strHTML+=", "+puntos[indice].provincia+"<br>";if(typeof puntos[indice].telefono!="undefined"&&puntos[indice].telefono!="")strHTML+="<br><strong>"+lblTel+":</strong> <a href='tel:"+puntos[indice].telefono+"' style='color:#20358c;'>"+puntos[indice].telefono+"</a>";if(typeof puntos[indice].fax!="undefined"&&puntos[indice].fax!="")strHTML+="<br><strong>"+lblFax+":</strong> "+puntos[indice].fax;if(typeof puntos[indice].email!="undefined"&&puntos[indice].email!="")strHTML+="<br><strong>"+lblEmail+":</strong> <a href='mailto:"+puntos[indice].email+"' style='color:#20358c;'>"+puntos[indice].email+"</a>";if(typeof puntos[indice].web!="undefined"&&puntos[indice].web!="")strHTML+="<br><strong>"+lblWeb+":</strong> <a target='_blank' href='"+puntos[indice].web+"' style='color:#20358c;'>"+puntos[indice].web+"</a>";strHTML+="</div>";return strHTML}function hacerZoomLocalizacion(marker,indice){map.setCenter(marker.getPosition());map.setZoom(15)}function hacerZoomBounds(puntos){let bounds=new google.maps.LatLngBounds;for(let i=0;i<puntos.length;i++){bounds.extend(new google.maps.LatLng(parseFloat(puntos[i]["latitud"]),parseFloat(puntos[i]["longitud"])))}map.fitBounds(bounds);infowindow.close()}function MapZoneControl(controlDiv,map,mapa){controlDiv.style.padding="5px";let controlUI=document.createElement("div");controlUI.style.backgroundColor="white";controlUI.style.borderStyle="solid";controlUI.style.borderWidth="1px";controlUI.style.borderColor="#999999";controlUI.style.cursor="pointer";controlUI.style.textAlign="center";controlDiv.appendChild(controlUI);let controlText=document.createElement("div");controlText.style.fontFamily="Arial,sans-serif";controlText.style.fontSize="11px";controlText.style.padding="0.1em 0.5em";controlText.innerHTML=mapa[1];controlUI.appendChild(controlText);google.maps.event.addDomListener(controlUI,"click",function(){map.setCenter(new google.maps.LatLng(mapa[2],mapa[3]));map.setZoom(mapa[4]);infowindow.close()})}function codeAddress(zipCode){geocoder.geocode({address:zipCode+",ES"},function(results,status){if(status===google.maps.GeocoderStatus.OK){let zoomChangeListener=google.maps.event.addListener(map,"zoom_changed",function(event){google.maps.event.removeListener(zoomChangeListener);let anyPointVisible=false;for(let i=0;i<window.markers.length;i++){if(map.getBounds().contains(window.markers[i].getPosition())){anyPointVisible=true;break}}if(!anyPointVisible)map.setZoom(9)});map.setCenter(results[0].geometry.location);map.setZoom(12)}else{console.log("Geocode was not successful for the following reason: "+status)}})}