"; if (lastOpenInfo) { lastOpenInfo.close(); } var infowindow = new google.maps.InfoWindow({ content: contentString, }); infowindow.open({ anchor: marker, map: map, shouldFocus: false, }); lastOpenInfo = infowindow; marker.addListener("click", function () { map.panTo(marker.position); if (lastOpenInfo) { lastOpenInfo.close(); } infowindow.open({ anchor: marker, map: map, shouldFocus: false, }); lastOpenInfo = infowindow; initStore(storeDetails.id); }); return infowindow; } function initStore(storeid) { var result = null; storeLocations .filter(function (c) { return c.id === storeid; }) .forEach(function (storeDetails) { setDetailTop(storeDetails); setInfoDetail(storeDetails); setDistance(storeDetails); setProductListing(storeDetails.products); setOpening(storeDetails.opening); result = storeDetails; }); return result; } function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (curPos) { position = curPos; initStores(defaultProvince); }); } } function getDistances(lat1, lon1, lat2, lon2) { var R = 6371; // km var dLat = toRad(lat2 - lat1); var dLon = toRad(lon2 - lon1); var lat1 = toRad(lat1); var lat2 = toRad(lat2); var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.sin(dLon / 2) * Math.sin(dLon / 2) * Math.cos(lat1) * Math.cos(lat2); var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); var d = R * c; return d; } function toRad(Value) { return (Value * Math.PI) / 180; } function setDetailTop(storeDetails) { $("#detail-top-name").text(storeDetails.name); $("#detail-top-type").text(storeDetails.brandType); } function setInfoDetail(storeDetails) { $("#address-item-map").attr("href", "https://www.google.com/maps/search/?api=1&query=" + storeDetails.latitude + "," + storeDetails.longitude); /* $("#address-name").text(storeDetails.address + ", " + storeDetails.cityName + ", " + storeDetails.postalCode); */ $("#address-name").text(storeDetails.address); if (!storeDetails.phone) { $("#address-item-tel").hide(); $("#address-phone").hide(); } else { $("#address-item-tel").show(); $("#address-phone").show(); $("#address-item-tel").attr("href", "tel:" + storeDetails.phone); $("#address-phone").text(storeDetails.phone); } /* console.log(storeDetails); */ if (!storeDetails.email) { $("#address-item-email").hide(); $("#address-email").hide(); } else { $("#address-item-email").show(); $("#address-email").show(); $("#address-item-email").attr("href", "mailto:" + storeDetails.email); $("#address-email").text(storeDetails.email); } if (!storeDetails.website) { $("#address-item-website").hide(); $("#address-website").hide(); } else { $("#address-item-website").show(); $("#address-website").show(); $("#address-item-website").attr("href", storeDetails.website); $("#address-website").text(storeDetails.website); } if (!storeDetails.line_id) { $("#address-item-line").hide(); $("#address-line").hide(); } else { $("#address-item-line").show(); $("#address-line").show(); $("#address-item-line").attr("href", storeDetails.line_id); $("#address-line").text(storeDetails.line_id); } /* if (!storeDetails.opening) { $("#address-item-opening").hide(); $("#address-opening").hide(); } else { $("#address-item-opening").show(); $("#address-opening").show(); $("#address-opening").text(storeDetails.opening); } */ if (storeDetails.store_pickup == "yes") { $("#store-pickup").show(); } else { $("#store-pickup").hide(); } if (storeDetails.online_order == "yes") { $("#online-order").show(); } else { $("#online-order").hide(); } } function setDistance(storeDetails) { if (position) { var distance = getDistances(position.coords.latitude, position.coords.longitude, storeDetails.latitude, storeDetails.longitude); $("#detail-top-distance").text(distance.toFixed(2) + " km"); } } function setProductListing(products) { $("#products").hide(); $("#product-list").empty(); if (products != "") { var products = products.split("/"); products.forEach(function (item) { var item_ar = item.split("-"); var item_sub = item_ar[1].split(","); $("#product-list").append('

' + item_ar[0] + "

"); var productsString = ""; item_sub.forEach(function (e) { productsString += "

" + e + "

"; }); $("#product-list").append("

" + productsString + "

"); }); $("#products").slideDown(); } } function setOpening(opening) { $('#opening').hide(); $('#opening ul').empty(); if (opening && opening.length > 0) { $('#opening').show(); opening.forEach(function (element) { $('#opening ul').append('

' + element + '

'); }); } } function defer(method) { if (window.jQuery) { method(); } else { setTimeout(function () { defer(method); }, 50); } } defer(function () { getLocation(); $(document).ready(function () { $("#loader").removeClass("hidden"); $("#nostore").addClass("hidden"); $.each(storeLocations, function (i, el) { if ($.inArray(el.area, provinces) === -1) provinces.push(el.area); }); provinces.sort(); provinces.forEach(function (c) { $("#province").append("" + c + ""); }); $("#province").val(defaultProvince); initStores(defaultProvince); $("#loader").addClass("hidden"); $("#nostore").removeClass("hidden"); setTimeout(function() { $("#province").val("KUALA LUMPUR").change(); },10); }); }); function initStores(province, storeName, isChange) { markers = []; $("#store-item").empty(); var provinceStores = []; if (position && !isChange) { provinceStores = storeLocations.filter(function (c) { if (getDistances(position.coords.latitude, position.coords.longitude, c.latitude, c.longitude) <= 10) { return c; } }); if (provinceStores.length > 0) { $("#province").val(provinceStores[0].area); } } if (provinceStores.length >= 0) { provinceStores = storeLocations.filter(function (c) { if (storeName && storeName.length > 0) { if (province && province.length > 0) { return c.area == province && (c.name.toLowerCase().indexOf(storeName) > -1 || c.postalCode.toString().indexOf(storeName) > -1 || c.address.indexOf(storeName) > -1); } else { return c.name.toLowerCase().indexOf(storeName) > -1; } } else { if (province && province.length > 0) { return c.area == province; } } return c; }); } if (provinceStores.length > 0) { $("#storeDetails").show(); $("#StoreLocations").show(); $("#nostore").hide(); provinceStores.sort(function (a, b) { return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; }); provinceStores.reverse(); var firstStore = provinceStores[0]; initStore(firstStore.id); initMap(Number(firstStore.latitude), Number(firstStore.longitude)); provinceStores.forEach(function (store, index) { var storeName = store.name; /* if ($(window).width() >= 1025) { storeName += " | " + store.address; } */ if (store.pickup) { storeName += " (Store pickup available)"; } var storeLocation = '

' + storeName + "

"; $("#store-item").append(storeLocation); var storeLink = document.getElementById(store.id); storeLink.setAttribute("onclick", "setMapLocations(" + store.latitude + ", " + store.longitude + ", " + store.id + ")"); var marker = setMapLocations(Number(store.latitude), Number(store.longitude)); setInfoWindow(marker, store); }); setInfoWindow(markers[0], firstStore); if (province !== defaultProvince) { setFitToBound(markers); } } else { $("#storeDetails").hide(); $("#StoreLocations").hide(); $("#nostore").show(); } } function getSelectedProvince() { var province = ""; $("#province option:selected").each(function () { province = $(this).text(); }); return province == "Select Province" ? "" : province; }