Winchester Dental | Fotona (2024)

'; }); // bounds TMD.clinicFinder.mapBounds = bounds; // fit bounds if ( TMD.clinicFinder.map && fitBounds) { const d = TMD.clinicFinder.distance / 111; bounds.extend({ lat: TMD.clinicFinder.currentLoc.lat-TMD, lng:TMD.clinicFinder.currentLoc.lng-d }); bounds.extend({ lat: TMD.clinicFinder.currentLoc.lat+d, lng:TMD.clinicFinder.currentLoc.lng+d }); TMD.clinicFinder.map.fitBounds(bounds); } // set zoom // if ( TMD.clinicFinder.map.getZoom() > 17 ) { TMD.clinicFinder.map.setZoom(17); } // HTML //$('#loc-info').html(h); const MAX_CLUSTER_ZOOM = 16; if ( TMD.clinicFinder.markerCluster ) { TMD.clinicFinder.markerCluster.setMap(null); } TMD.clinicFinder.markerCluster = new markerClusterer.MarkerClusterer({ map: TMD.clinicFinder.map, markers: TMD.clinicFinder.mapMarkers, algorithm: new markerClusterer.SuperClusterAlgorithm({ minZoom: 0, // min zoom to generate clusters on maxZoom: MAX_CLUSTER_ZOOM, // max zoom level to cluster the points on minPoints: 2, // 2 minimum points to form a cluster radius: 80, // cluster radius in pixels (40) extent: 512, // tile extent (radius is calculated relative to it) (512) nodeSize: 64, // size of the KD-tree leaf node, affects performance log: false, // whether to log timing info }), renderer: { render: function ({ count:count, position:position }, stats) { const clusterMark = document.createElement("div"); clusterMark.className = "cluster-marker"; clusterMark.textContent = count; // create marker using svg icon // return new google.maps.Marker({ return new google.maps.marker.AdvancedMarkerElement({ position: position, // icon: { url: `data:image/svg+xml;base64,${svg}`, scaledSize: new google.maps.Size(60, 60) }, // adjust zIndex to be above other markers // content: clusterIcon, content: clusterMark, // zIndex: Number(google.maps.Marker.MAX_ZINDEX) + count, // zIndex: Number(google.maps.marker.AdvancedMarkerElement.MAX_ZINDEX) + count, }); } }, onClusterClick: function(event, cluster, map) { map.fitBounds(cluster.bounds); if ( map.getZoom() > (MAX_CLUSTER_ZOOM+1) ) { map.setZoom((MAX_CLUSTER_ZOOM+1)); } } }); } TMD.clinicFinder.initMap2 = function() { var head = document.getElementsByTagName('head')[0]; // Save the original method var insertBefore = head.insertBefore; // Replace it! head.insertBefore = function (newElement, referenceElement) { if (newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Roboto') > -1) { // console.info('Desrobotizado.'); return; } insertBefore.call(head, newElement, referenceElement); }; function setMap() { const parser = new DOMParser(); // A marker with a custom inline SVG. TMD.clinicFinder.markerIcon = function(active) { const size = 56 * (active? 2.85 : 2.1); const mapMarker = document.createElement("div"); mapMarker.classList.add('loc-marker'); if (window.TMD.clinicFinder.type === 100 && active) { mapMarker.classList.add('active'); } else { mapMarker.classList.add('widget'); } return mapMarker; /* return parser.parseFromString( '

', "image/svg+xml", ).documentElement; */ /* TMD.clinicFinder.markerIcon = { path: 'M 11.925 23.377 C 11.925 23.377 5.145 15.451 4.894 10.871 C 4.705 7.423 7.99 3.457 11.925 3.457 C 15.859 3.457 19.32 7.669 18.932 11.104 C 18.306 16.645 11.925 23.377 11.925 23.377 Z M 11.935 7.607 C 10.333 7.607 9.033 8.816 9.033 10.309 C 9.033 11.805 10.333 13.014 11.935 13.014 C 13.537 13.014 14.837 11.805 14.837 10.309 C 14.837 8.816 13.537 7.607 11.935 7.607 Z', fillColor: '#ed1c24', fillOpacity: .7, strokeWeight: 2, strokeColor: '#ffffff', strokeOpacity: .7, rotation: 0, scale: 2.1, anchor: new google.maps.Point(12, 24), }; TMD.clinicFinder.markerIcon2 = { path: 'M 11.925 23.377 C 11.925 23.377 5.145 15.451 4.894 10.871 C 4.705 7.423 7.99 3.457 11.925 3.457 C 15.859 3.457 19.32 7.669 18.932 11.104 C 18.306 16.645 11.925 23.377 11.925 23.377 Z M 11.935 7.607 C 10.333 7.607 9.033 8.816 9.033 10.309 C 9.033 11.805 10.333 13.014 11.935 13.014 C 13.537 13.014 14.837 11.805 14.837 10.309 C 14.837 8.816 13.537 7.607 11.935 7.607 Z', fillColor: '#ed1c24', fillOpacity: 1, strokeWeight: 4, strokeColor: '#ffffff', strokeOpacity: .9, rotation: 0, scale: 2.85, anchor: new google.maps.Point(12, 24), }; */ } const mapOptions = { mapId: '8edcc4aa4e2bd3af', // 'FOTONA_FAD_MAP_MAIN' gestureHandling: 'greedy', // gestureHandling: 'cooperative', clickableIcons: false, disableDoubleClickZoom: true, // with mapId, styles controlled in cloud: // https://console.cloud.google.com/google/maps-apis/studio/maps?project=clinicfinder // // https://mapstyle.withgoogle.com/ styles: [ ], mapTypeControl: ( window.TMD.clinicFinder.type === 100 ), mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DEFAULT, // style: google.maps.MapTypeControlStyle.DROPDOWN_MENU, // style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, }, panControl: false, scaleControl: false, fullscreenControl: false, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.LARGE, }, rotateControl: true, // visible on high zoom, if available streetViewControl: ( window.TMD.clinicFinder.type === 100 ), streetViewControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT, }, center: TMD.clinicFinder.currentLoc, minZoom: 3, zoom: 8, }; // big map TMD.clinicFinder.map = new google.maps.Map( document.getElementById("map"), mapOptions ); // datail map and marker if ( window.TMD.clinicFinder.type === 100 ) { // app only TMD.clinicFinder.mapDetail = new google.maps.Map( document.getElementById("map-detail"), $.extend({}, mapOptions, { mapId: 'f5628d4a9752657c', //'FOTONA_FAD_MAP_DETAIL' // gestureHandling: 'greedy', gestureHandling: 'cooperative', }) ); // TMD.clinicFinder.markerDetail = new google.maps.Marker({ TMD.clinicFinder.markerDetail = new google.maps.marker.AdvancedMarkerElement({ position: TMD.clinicFinder.currentLoc, content: TMD.clinicFinder.markerIcon(true), map: TMD.clinicFinder.mapDetail }); // search on map center var searchHereControl = document.createElement('div'); new createControl( searchHereControl, TMD.clinicFinder.map, '', TMD.clinicFinder.tr.keys['mapicon_search'], function() { document.getElementById("id-location").value = ''; var c = TMD.clinicFinder.map.getCenter(); TMD.clinicFinder.currentLoc = { lat: c.lat(), lng:c.lng() } setLocation(); } ); TMD.clinicFinder.map.controls[google.maps.ControlPosition.TOP_RIGHT].push(searchHereControl); // heading indicator TMD.clinicFinder.headingControl = document.createElement('div'); new createControl( TMD.clinicFinder.headingControl, TMD.clinicFinder.map, '', TMD.clinicFinder.tr.keys['mapicon_orientation'], function() { TMD.clinicFinder.map.setHeading(0); }, '4px' ); TMD.clinicFinder.map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(TMD.clinicFinder.headingControl); TMD.clinicFinder.headingControl.style.display = ' none'; } else { // widget TMD.clinicFinder.headingControl = document.createElement('div'); } var autocomplete = new google.maps.places.Autocomplete( document.getElementById("id-location"), { strictBounds: false, types: ["geocode"], // ["(regions)"], fields: ["geometry", "name", "formatted_address"], // fields: ["formatted_address", "geometry", "name"], // componentRestrictions: { country: "us" } } ); // change map coords & search on location found autocomplete.addListener('place_changed', function(){ var place = autocomplete.getPlace(); if (place && place.geometry) { // console.log('z', place.name, place.geometry.location.lat(), place.geometry.location.lng()); TMD.clinicFinder.ga('clinic_finder', 'search_loc', document.getElementById("id-location").value, 0); TMD.clinicFinder.currentLoc = {lat: place.geometry.location.lat(), lng: place.geometry.location.lng() } setLocation(); } else { // console.log('z', "***"); } }); // heading change TMD.clinicFinder.map.addListener('heading_changed', function() { if (TMD.clinicFinder.map.getHeading() !== 0) { TMD.clinicFinder.headingControl.style.display = 'block'; } else { TMD.clinicFinder.headingControl.style.display = 'none'; } }); // set center on dblclick TMD.clinicFinder.map.addListener('dblclick', function(e) { if ( mapPan(e) ) { var c = TMD.clinicFinder.map.getCenter(); TMD.clinicFinder.currentLoc = { lat: c.lat(), lng:c.lng() }; $('[name="location"]').val(''); setLocation(); } }); // widget - click to close details if ( window.TMD.clinicFinder.type === 1 ) { TMD.clinicFinder.map.addListener('click', function(e) { detailsClose(false); }); } // dragend var dragEndTO = null; TMD.clinicFinder.map.addListener('dragend', function() { clearTimeout(dragEndTO); if ( $('#cf-row-3').hasClass('ty-100') ) { // no dragend search } else { dragEndTO = setTimeout(function() { // var c = TMD.clinicFinder.map.getCenter(); // TMD.clinicFinder.currentLoc = { lat: c.lat(), lng:c.lng() }; setLocation(350); }, 500); } }); } var setloc = false; // did we receive clinic Id in the URL? var c = getQueryVariable('clinic'); if ( c ) { c = parseInt(c.split('-')[0], 10); if ( !isNaN(c) ) { setloc = true; wireUp(); setMap(); TMD.clinicFinder.ga('clinic_finder', 'url_c', c); getLocationData(c, true); } } // did we get loc in URL? if ( !setloc ) { if ( window.TMD.clinicFinder.type === 100 ) { var p = (getQueryVariable('pos') + '').split('|'); if ( p.length > 3 ) { lat = parseFloat(p[0]); lng = parseFloat(p[1]); d = parseInt(p[2], 10); z = parseInt(p[3], 10); // treatments? if ( p.length > 4 ) { var t = p[4].split('-'); for(var i = 0; i < t.length; i++) { t[i] = parseInt(t[i], 10); if ( isNaN(t[i]) || t[i] === 0 ) { t = []; break; } } if ( t && t.length && t.length > 0 ) { $('#id-treatment').selectpicker('val', t); repaintTreatmentSelect(t); } // location text? if ( p.length > 5 ) { $('[name="location"]').val(p[5].slice(0, 100)); } } if ( lat > -90 && lat < 90 && lng > -200 && lng < 200 && !isNaN(d) && !isNaN(z) ) { TMD.clinicFinder.ga('clinic_finder', 'url_p', 0); $('#id-distance > option[value="' + d + '"]').prop('selected', true); setloc = true; wireUp(); setMap(); TMD.clinicFinder.currentLoc = { lat:lat, lng:lng }; $('#id-distance').val(d).change(); // should trigger update // setLocation(); } } } } // did above fail? if ( !setloc ) { function geolocFallback(reason) { __dbg('geoLoc fallback: ' + reason); // try G loc $.ajax({ url: 'https://www.googleapis.com/geolocation/v1/geolocate?key=AIzaSyB6U98kQAxkjSZ2k5FIzCDNZdhlq0aquMk', type: 'POST', processData: false, data: JSON.stringify({ homeMobileCountryCode: null, homeMobileNetworkCode: null, radioType: '', carrier: '', considerIp: true, cellTowers: [ // See the Cell Tower Objects section below. ], wifiAccessPoints: [ // See the WiFi Access Point Objects section below. ] }) }).always(function(o, status, rq) { if ( status = 'success' && o && o.location ) { TMD.clinicFinder.currentLoc = { lat: o.location.lat, lng:o.location.lng }; // console.log('Got G loc', TMD.clinicFinder.currentLoc); setloc = true; } else { TMD.clinicFinder.currentLoc = { lat: 46.0654859, lng: 14.527748 }; // console.log('NO G loc, default', TMD.clinicFinder.currentLoc); /* //fake 4 debug TMD.clinicFinder.currentLoc = { lat: 45.799223, lng:15.170846 }; console.log('FAKE LOCATION', TMD.clinicFinder.currentLoc); $('[name="location"]').val('Dev lokacija'); setloc = true; */ } wireUp(); setMap(); if ( setloc ) { setLocation(); } }); } // Try HTML5 geolocation. if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( function(position) { //DEBUG: console.log('GOT POSITION', TMD.clinicFinder.currentLoc, position.coords.accuracy); TMD.clinicFinder.currentLoc = { lat:position.coords.latitude, lng:position.coords.longitude }; TMD.clinicFinder.locAccuracy = position.coords.accuracy; wireUp(); setMap(true); // $('[name="location"]').val('Zaznana lokacija'); setLocation(); }, function error(err) { console.log('GeoLoc error.', err); geolocFallback('Geoloc ERR: ' + err.message + ' (' + err.code + ')'); }, { maximumAge:10000, timeout:5000, enableHighAccuracy: true } ); } else { // no geoloc console.log('No geoloc functionality'); geolocFallback('no geoloc'); // wireUp(); // setMap(); } } // no clinic id param } // initMap() function enableEnterKey(input) { /* Store original event listener */ const _addEventListener = input.addEventListener const addEventListenerWrapper = (type, listener) => { if (type === 'keydown') { /* Store existing listener function */ const _listener = listener listener = (event) => { /* Simulate a 'down arrow' keypress if no address has been selected */ const suggestionSelected = document.getElementsByClassName('pac-item-selected').length if (event.key === 'Enter' && !suggestionSelected) { const e = new KeyboardEvent('keydown', { key: 'ArrowDown', code: 'ArrowDown', keyCode: 40, }) _listener.apply(input, [e]) } _listener.apply(input, [event]) } } _addEventListener.apply(input, [type, listener]) } input.addEventListener = addEventListenerWrapper } enableEnterKey( document.getElementById("id-location") ); /** location data utils */ function getLocationData(clinic, setCurrLoc) { var url = "/inc/v-1/ajax/cf/public/" TMD.clinicFinder.distance = ( parseInt($("#id-distance").val(), 10) || 50 ) * TMD.clinicFinder.du; TMD.clinicFinder.ga('clinic_finder', 'search_dist', TMD.clinicFinder.distance, parseInt($("#id-distance").val(), 10)); var tid = []; $('#id-treatment option:selected').each(function(i, e) { tid.push(e.value); }) if ( tid.length === 0 ) { tid = [0]; } else { TMD.clinicFinder.ga('clinic_finder', 'search_treat', tid.join(',', 6) + (tid.length > 6? ',...':''), tid.length); } TMD.clinicFinder.tids = tid; var data = {}; var gaLabel = '', gaVal = 0; if ( clinic ) { data = { cmd: "glob-get", clinicid: clinic, lat: Math.floor(TMD.clinicFinder.currentLoc.lat*10000000), lng: Math.floor(TMD.clinicFinder.currentLoc.lng*10000000), lang: 'en' }; gaLabel = 'c:' + clinic } else { data = { cmd: "glob-get", d: TMD.clinicFinder.distance, tid: tid.join(', '), lat: Math.floor(TMD.clinicFinder.currentLoc.lat*10000000), lng: Math.floor(TMD.clinicFinder.currentLoc.lng*10000000), lang: 'en' }; gaLabel = 'd:' + TMD.clinicFinder.distance + ', ll:' + TMD.clinicFinder.currentLoc.lat.toFixed(5) + ',' + TMD.clinicFinder.currentLoc.lng.toFixed(5); } TMD.clinicFinder.loaderTimeout = setTimeout( () => { clearTimeout(TMD.clinicFinder.loaderTimeout); $('#map_over').addClass('op-1'); }, 300 ); $.ajax({ type: 'POST', url: url, data: data, dataType: 'json', error: function (XMLHttpRequest, textStatus, err){ console.log('get data ERR', clinic, err); if ( clinic ) { TMD.clinic = {}; } else { TMD.clinicFinder.locations = []; renderLocation(); } TMD.clinicFinder.ga('clinic_finder', 'fail_search', gaLabel, gaVal); }, success: function (rez, textStatus){ // console.log('get data OK clinic:' + clinic, rez.data); if ( clinic ) { TMD.clinic = rez; renderLocation(clinic); if ( setCurrLoc === true ) { if ( rez.data && rez.data.locations && rez.data.locations.length && rez.data.locations.length > 0 ) { TMD.clinicFinder.currentLoc = { lat: rez.data.locations[0].lat, lng: rez.data.locations[0].lon }; // console.log('current loc 453', TMD.clinicFinder.currentLoc); setLocation(); gaVal = 1; } } } else { TMD.clinicFinder.locations = []; if (rez && rez.ok && rez.data.locations && rez.data.locations.length) { TMD.clinicFinder.locations = rez.data.locations; gaVal = rez.data.locations.length; } renderLocation(); } TMD.clinicFinder.ga('clinic_finder', 'search_set', gaLabel, gaVal); } }); } // getLocationData() function setDetailPos() { // console.log('det pos'); return false; } function renderContacts(loc, i) { let s; let lnk = '#map-zoom'; if ( window.TMD.clinicFinder.type === 1 ) { if ( i === -1) { $('#clinic-detail-title').html(loc.naziv); lnk = 'javascript:void(setDetailPos())'; s = '