LOCATE A SKINCARE PROFESSIONAL (2025)

`; $('#print').append(list_data); // addMarker(location, index); } let lastClickedIndex = -1; var lastInfoWindow = null; const infowincontent = '

CONTENT

'; var centerMarker = null; var pinImage = new google.maps.MarkerImage("//www.vivantskincare.com/cdn/shop/t/109/assets/pointer.png?v=62657602884142667081739525696"); function addMarker(item, index) { let marker = new google.maps.Marker({ position: {lat: parseFloat(item.lat), lng: parseFloat(item.long)}, map: map, title: item.Name, icon: pinImage, animation: google.maps.Animation.DROP }); console.log(marker.constructor.name); var infowindow; if (item.hide_direction){ infowindow = new google.maps.InfoWindow({ content: infowincontent.replace('CONTENT', `

${item.Name}

${item.description}

`)}); }else{ infowindow = new google.maps.InfoWindow({ content: infowincontent.replace('CONTENT', `

${item.Name}

${item.description}

Get Directions`)}); } // let infowindow = new google.maps.InfoWindow({ content: infowincontent.replace('CONTENT', `

${item.Name}

${item.description}

Get Directions`)}); markers.push(marker); infowindows.push(infowindow); google.maps.event.addListener(marker, 'click', function() { if (lastClickedIndex != index) { lastClickedIndex = index; $(`ul.poi-result li`).removeClass('active'); $(`ul.poi-result li`).eq(index).addClass('active'); // $('#poiEl').animate({scrollTop: 0}, 0, function() { // let top = $(`ul.poi-result li.poi-item.active`).offset().top; // $('#poiEl').animate({scrollTop: (top - 300)}, 100); // }); openInfoWindow(infowindow, marker); } }); google.maps.event.addListener(infowindow,'closeclick',function(){ lastClickedIndex = -1; });} function getlatlongfromAddress(address) { if(address == ''){ showLocations(locationData) return; } var geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { var latitude = results[0].geometry.location.lat(); var longitude = results[0].geometry.location.lng(); var newList = locationData.map(location => { location.distance = getDistance(latitude, longitude, location.lat, location.long, 'K') console.log(location.distance); return location; }); // centerMarker = new google.maps.Marker({position: {lat: latitude, lng: longitude}}); newList.sort(function(a, b){return a.distance - b.distance}); var filterData = newList.filter(item => { return item.distance <= 50; }); if(filterData.length == 0){ filterData = newList.slice(0, 2);; } let positions = filterData.map(item => item.position); var markerAtPos = []; positions.forEach(function(pos){ markerAtPos.push(markers[pos]); }); showLocations(filterData); boundMarkers(markerAtPos); } else{ return false; } }); }function openInfoWindow(infowindow, marker){ if(lastInfoWindow){ lastInfoWindow.close(); } lastInfoWindow = infowindow; infowindow.open({anchor: marker, map});} jQuery(document).on('click', '.searchlocation', function(e) { e.preventDefault(); let address = $('#searchInput').val(); getlatlongfromAddress(address); resizeWindowStore(); }); jQuery(window).resize(function(){ resizeWindowStore(); }); function resizeWindowStore() { let ele = $('#poiEl'); let width = jQuery(window).width(); if(width < 992){ if(ele.hasClass('show')){ ele.removeClass('show'); } } } $(document).on('click', '.actions .get-direction', function(e){ e.preventDefault(); let index = $(this).data('index'); openGoogleMap(index);});$(document).on('click', '.direction-info', function(e){ e.preventDefault(); let index = $(this).data('index'); openGoogleMap(index);});function openGoogleMap(index){ let item = locationData[index]; let lat = parseFloat(item.lat); let long = parseFloat(item.long); // if( (navigator.platform.indexOf("iPhone") != -1) || (navigator.platform.indexOf("iPod") != -1) || (navigator.platform.indexOf("iPad") != -1)){ // window.open(`http://maps.google.com/maps?daddr=27.176670,78.008072`); // } else { // window.open(`https://www.google.com/maps/dir/?api=1&travelmode=driving&layer=traffic&destination=${lat},${long}`); // } window.open(`https://www.google.com/maps/dir/?api=1&travelmode=driving&layer=traffic&destination=${lat},${long}`);} // jQuery(document).on('click', '.stores-events-toggle', function(){ // let ele = $('#poiEl'); // if(ele.hasClass('active')){ // ele.removeClass('active'); // }else{ // ele.addClass('active'); // } // }); jQuery(document).on('click', '.showLocation', function(){ let ele = $('#poiEl'); if(ele.hasClass('show')){ ele.removeClass('show'); }else{ ele.addClass('show'); } }); jQuery(document).on('click', '.hide-location', function(){ let ele = $('#poiEl'); if(ele.hasClass('show')){ ele.removeClass('show'); }else{ ele.addClass('show'); } }); // jQuery(window).resize(function(){ // resizeWindowStore(); // }); // function resizeWindowStore() // { // let width = jQuery(window).width(); // if(width > 992){ // jQuery('.poielement').addClass('active'); // }else{ // jQuery('.poielement').removeClass('active'); // } // } jQuery(document).on('click', 'li.poi-item', function(){ $('li.poi-item').removeClass('active'); $(this).addClass('active'); let index = parseInt($(this).index('li.poi-item')); let marker = markers[index]; let info = infowindows[index]; var latLng = marker.getPosition(); // returns LatLng object map.panTo(latLng); // map.setZoom(9); openInfoWindow(info, marker); if($(window).width() <= 767){ $('.hide-location').trigger('click'); } }); init();} const styles = { default: [], silver: [ { elementType: "geometry", stylers: [{ color: "#f5f5f5" }], }, { elementType: "labels.icon", stylers: [{ visibility: "off" }], }, { elementType: "labels.text.fill", stylers: [{ color: "#616161" }], }, { elementType: "labels.text.stroke", stylers: [{ color: "#f5f5f5" }], }, { featureType: "administrative.land_parcel", elementType: "labels.text.fill", stylers: [{ color: "#bdbdbd" }], }, { featureType: "poi", elementType: "geometry", stylers: [{ color: "#eeeeee" }], }, { featureType: "poi", elementType: "labels.text.fill", stylers: [{ color: "#757575" }], }, { featureType: "poi.park", elementType: "geometry", stylers: [{ color: "#e5e5e5" }], }, { featureType: "poi.park", elementType: "labels.text.fill", stylers: [{ color: "#9e9e9e" }], }, { featureType: "road", elementType: "geometry", stylers: [{ color: "#ffffff" }], }, { featureType: "road.arterial", elementType: "labels.text.fill", stylers: [{ color: "#757575" }], }, { featureType: "road.highway", elementType: "geometry", stylers: [{ color: "#dadada" }], }, { featureType: "road.highway", elementType: "labels.text.fill", stylers: [{ color: "#616161" }], }, { featureType: "road.local", elementType: "labels.text.fill", stylers: [{ color: "#9e9e9e" }], }, { featureType: "transit.line", elementType: "geometry", stylers: [{ color: "#e5e5e5" }], }, { featureType: "transit.station", elementType: "geometry", stylers: [{ color: "#eeeeee" }], }, { featureType: "water", elementType: "geometry", stylers: [{ color: "#c9c9c9" }], }, { featureType: "water", elementType: "labels.text.fill", stylers: [{ color: "#9e9e9e" }], }, ],};jQuery(document).ready(function ($) { resizeWindowStore();}); document.addEventListener('touchmove', function (event) { if (event.scale !== 1) { event.preventDefault(); } }, { passive: false });