Map & Directions | Cook's Tire & Tune, Fullerton, CA (2024)

'); if (mapCanvas.zoom == zoom) { var mInfo = mapCanvas.getCenter(); var mCenter = mInfo.transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326")); var mLon = Math.round(mCenter.lon); var mLat = Math.round(mCenter.lat); if (mLon == Math.round(cLon) && mLat == Math.round(cLat)) { $('#canReset').css('display','none'); } } showResults(); } function afterPageLoadResponse() { isPageLoad = false; if (cookies.center[2]) { redrawMap(cookies.center[0], cookies.center[1], cookies.center[2]); } if (cookies.sort[2]) { //sortList(cookies.sort[0], cookies.sort[1], cookies.sort[2]); } } function nominatimResult(result) { $("#searchresultsdiv").html(""); var uniqueResults = new Array(result.length); var hasResult = false; result.forEach(function (element, index, array) { var place_id = element.place_id; var display_name = element.display_name; var lat = element.lat; var lon = element.lon; var type = element.type; var resultClass = element['class']; let isCounty = false; if ((typeof element.extratags.border_type != "undefined") && element.extratags.border_type === 'county') isCounty = true; if ((resultClass == 'place' || resultClass == 'boundary' || resultClass == 'highway') && !(uniqueResults.indexOf(display_name) > -1) && !(isCounty)) { uniqueResults[index] = display_name; hasResult = true; $("#searchresultsdiv").append("" + display_name + " (" + type + ")"); } }); if (!hasResult) { noSearchResults(); } else { setMapSearchCookie(mapSearchQuery); } chooseFirstResult(); } function primeResponse() { $("#searchresultsdiv").html(""); if (zipLonLatResult.split(',')[0].length > 0) { $("#searchresultsdiv").append("" + $('#autocomplete').val().trim() + " (postcode)"); setMapSearchCookie(mapSearchQuery); } else { noSearchResults(); } chooseFirstResult(); } function showThrobber() { $("#locThrobber").css('display', 'block'); } function hideThrobber() { $("#locThrobber").css('display', 'none'); } function mapSearch() { showThrobber(); mapSearchQuery = $('#autocomplete').val().trim(); showResults(); hideResults(); if (isValidPostalCode(mapSearchQuery)) { mapSearchQuery = mapSearchQuery.replace(' ', ''); mapSearchQuery = mapSearchQuery.replace('-', ''); mapSearchQuery = mapSearchQuery.replace('_', ''); requestURL = "//w.nd-cdn.us/desktopmodules/locationmanager/LocationService.asmx/GetZipLonLat"; $.ajax({ url: requestURL, contentType: "application/javascript; charset=utf-8", type: "POST", dataType: "script", data: "zipcode=" + mapSearchQuery, complete: function () { primeResponse(); } }); } else { var url = '//nominatim.openstreetmap.org/search?q='; var query = encodeURIComponent(mapSearchQuery); var params = '&countrycodes=us,ca,pr,mx&format=json&json_callback=nominatimResult&email=tech@getnetdriven.com&extratags=1'; var topLeft = new OpenLayers.LonLat(mapCanvas.calculateBounds().left, mapCanvas.calculateBounds().top); var bottomRight = new OpenLayers.LonLat(mapCanvas.calculateBounds().right, mapCanvas.calculateBounds().bottom); topLeft.transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326")); bottomRight.transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326")); var bounds = '&bounded=1&viewbox=' + topLeft.lon + ',' + topLeft.lat + ',' + bottomRight.lon + ',' + bottomRight.lat; requestURL = url + query /*+ bounds*/ + params; $("#searchresultsdiv").html(""); $.ajax({ url: requestURL, contentType: "application/javascript; charset=utf-8", type: "POST", dataType: "script", data: "{}" }); } } function toggleResults() { if ($("#mapsearchresultsX").attr('class') == 'expandresults') { showResults(); } else { hideResults(); } } function showResults() { $("#mapsearchresults").css('display', 'block'); $("#mapsearchresults").css('height', '371px'); $("#mapsearchresultsX").css('display', 'block'); $("#mapsearchresultsX").attr('class', 'accordianresults'); } function hideResults() { $("#mapsearchresults").css('height', '28px'); $("#mapsearchresultsX").attr('class', 'expandresults'); } function chooseFirstResult() { hideThrobber(); var resultLinks = $("#mapsearchresults .searchresult"); if (resultLinks.length != 0) { if (resultLinks[0].click) { resultLinks[0].click(); } else { var cle = document.createEvent("MouseEvent"); cle.initEvent("click", true, true); var elem = resultLinks[0]; elem.dispatchEvent(cle); } if (resultLinks.length != 1 && !isPageLoad) { showResults(); } } if (isPageLoad) { afterPageLoadResponse(); } } function redrawMap(lon, lat, z) { var zLevel = zoom; if (arguments.length == 3) { zLevel = z; } mapCanvas.setCenter(plotPoint(lon, lat), zLevel); if (!isPageLoad) setMapCenterCookie(lon + '|' + lat + '|' + zLevel); } function recenterMap(aTag) { tempLon = $(aTag).attr('lon'); tempLat = $(aTag).attr('lat'); sortList(tempLon, tempLat, $(aTag).attr('name')); var mZoom = 9 - calcZoomOut(tempLon, tempLat); redrawMap(tempLon, tempLat, mZoom); } function useCurrentLoc() { var geo = navigator.geolocation; if (geo) { geo.getCurrentPosition(getCurrentLoc, noCurrentLoc); } else { noCurrentLoc(); } } function getCurrentLoc(loc) { var sudoAtag = $(''); sudoAtag.attr("lon", loc.coords.longitude); sudoAtag.attr("lat", loc.coords.latitude); sudoAtag.attr("name", currentLocTxt); $(".searchTextField").val(currentLocTxt); setMapSearchCookie(currentLocTxt); recenterMap(sudoAtag); } function noCurrentLoc() { alert("Geolocation services are not supported by your web browser."); } function resetZoom() { redrawMap(tempLon, tempLat); } function calcZoomOut(lon, lat) { var far = Math.abs(lon - locListings[0].lon); if (Math.abs(lat - locListings[0].lat) > far) { far = Math.abs(lat - locListings[0].lat); } far = far * 70; //z9 = 50mi var z = 0; var x = 40; var y = locListings[0].distance; while (x <= y) { x += x; z++; } return z; } function chkLegend_Click(sender) { showThrobber(); selectedTypes = new Array(); if ((sender == 'chkLegendAll' && $('#chkLegendAll').is(':checked')) || $('#MapLegendDiv input:checkbox:checked').length == 0) { $('#chkLegendAll').attr('checked', 'checked'); types.forEach(function(element, index, array) { $('#chkLegend' + index).attr('checked', false); }); hideLocationResultsByType(false, '.loclisting'); MarkerLayerOther.setVisibility(true); MarkerLayer0.setVisibility(true); MarkerLayer1.setVisibility(true); MarkerLayer2.setVisibility(true); MarkerLayer3.setVisibility(true); MarkerLayer4.setVisibility(true); MarkerLayer5.setVisibility(true); MarkerLayer6.setVisibility(true); MarkerLayer7.setVisibility(true); MarkerLayer8.setVisibility(true); MarkerLayer9.setVisibility(true); selectedTypes = ['loclisting', 'type0', 'type1', 'type2', 'type3', 'type4', 'type5', 'type6', 'type7', 'type8', 'type9']; } else { MarkerLayerOther.setVisibility(false); $('#chkLegendAll').attr('checked', false); if ($('#chkLegend0').is(':checked')) { MarkerLayer0.setVisibility(true); selectedTypes.push('type0'); } else { MarkerLayer0.setVisibility(false); } if ($('#chkLegend1').is(':checked')) { MarkerLayer1.setVisibility(true); selectedTypes.push('type1'); } else { MarkerLayer1.setVisibility(false); } if ($('#chkLegend2').is(':checked')) { MarkerLayer2.setVisibility(true); selectedTypes.push('type2'); } else { MarkerLayer2.setVisibility(false); } if ($('#chkLegend3').is(':checked')) { MarkerLayer3.setVisibility(true); selectedTypes.push('type3'); } else { MarkerLayer3.setVisibility(false); } if ($('#chkLegend4').is(':checked')) { MarkerLayer4.setVisibility(true); selectedTypes.push('type4'); } else { MarkerLayer4.setVisibility(false); } if ($('#chkLegend5').is(':checked')) { MarkerLayer5.setVisibility(true); selectedTypes.push('type5'); } else { MarkerLayer5.setVisibility(false); } if ($('#chkLegend6').is(':checked')) { MarkerLayer6.setVisibility(true); selectedTypes.push('type6'); } else { MarkerLayer6.setVisibility(false); } if ($('#chkLegend7').is(':checked')) { MarkerLayer7.setVisibility(true); selectedTypes.push('type7'); } else { MarkerLayer7.setVisibility(false); } if ($('#chkLegend8').is(':checked')) { MarkerLayer8.setVisibility(true); selectedTypes.push('type8'); } else { MarkerLayer8.setVisibility(false); } if ($('#chkLegend9').is(':checked')) { MarkerLayer9.setVisibility(true); selectedTypes.push('type9'); } else { MarkerLayer9.setVisibility(false); } $('.loclisting').each(function () { var hideMe = true; var myClass = $(this).attr("class").split(" "); myClass.forEach(function (element, index, array) { if ($.inArray(myClass[index], selectedTypes) >= 0) { hideMe = false; } }); hideLocationResultsByType(hideMe, '#' + $(this).attr("id")); }); } hideThrobber(); setMapFilterCookie(selectedTypes.join('|')); } function hideLocationResultsByType(hide, type) { if (hide) { $(type).addClass('hiddenLoc'); } else { $(type).removeClass('hiddenLoc'); } } function hideBubbles() { $('.olPopup').css('display', 'none'); } function dynamicSort(property) { var sortOrder = 1; if (property[0] === "-") { sortOrder = -1; property = property.substr(1, property.length - 1); } return function (a, b) { var result = (a[property] < b[property]) ? -1 : (a[property] > b[property]) ? 1 : 0; return result * sortOrder; } } function sortLocList() { locListings.forEach(function (element, index, array) { var el = $("#" + element.div).detach(); el.appendTo("#LocationListView"); }); setDistanceCookie(); } function sortList(lon1, lat1, name) { if (!isPageLoad) setMapSortCookie(lon1 + '|' + lat1 + '|' + name); var isZipSearch = isValidPostalCode(mapSearchQuery); locListings.forEach(function (element, index, array) { if (isZipSearch && element.postalCode == mapSearchQuery) { element.distance = 0; } else if (!isZipSearch && element.city == name.split(",")[0].trim()) { element.distance = Math.round(haversine(lon1, element.lon, lat1, element.lat) * 10) / 10; } else { element.distance = Math.round(haversine(lon1, element.lon, lat1, element.lat) * 10) / 10; } $('#' + element.span).html(element.distance + (useMiles ? " Miles From " : " Kilometers From ") + name.split(",")[0].trim()); }); locListings.sort(dynamicSort("distance")); sortLocList(); $('.distance').removeClass('hideDistance'); $('.distanceBr').removeClass('hideDistanceBr'); } function toRad(Value) { /** Converts numeric degrees to radians */ return Value * Math.PI / 180; } function haversine(lon1, lon2, lat1, lat2) { var R = 6350; // km if (useMiles){ R = 3945; //mi } var dLat = toRad(lat2-lat1); var dLon = toRad(lon2-lon1); lat1 = toRad(lat1); 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 getParams() { var topLeft = new OpenLayers.LonLat(mapCanvas.calculateBounds().left, mapCanvas.calculateBounds().top); var bottomRight = new OpenLayers.LonLat(mapCanvas.calculateBounds().right, mapCanvas.calculateBounds().bottom); topLeft.transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326")) bottomRight.transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326")) var autocompleteOptions = { params: { "top": topLeft.lat, "bottom": bottomRight.lat, "left": topLeft.lon, "right": bottomRight.lon, "query": $('#autocomplete').val().trim() } } $('#autocomplete').autocomplete().setOptions(autocompleteOptions); } function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { console.log( "Geolocation is not supported by this browser."); } } function showPosition(position) { requestURL = "//w.nd-cdn.us/desktopmodules/locationmanager/LocationService.asmx/GetZipFromGeo"; $.ajax({ url: requestURL, contentType: "application/javascript; charset=utf-8", type: "POST", dataType: "script", data: { latitude: position.coords.latitude, longitude: position.coords.longitude }, complete: function () { SearchByGelocation(zipLonLatResult) } }); } function SearchByGelocation(zip) { $('#autocomplete').val(zip); mapSearch(); } $(document).ready(function () { //getLocation(); initLocMap(); initPins(); if (getNDcookie('mapSearch')) cookies.search = getNDcookie('mapSearch'); if (getNDcookie('mapFilter')) cookies.types = getNDcookie('mapFilter').split('|'); if (getNDcookie('mapCenter')) cookies.center = getNDcookie('mapCenter').split('|'); if (getNDcookie('mapSort')) cookies.sort = getNDcookie('mapSort').split('|'); // CLEAR COOKIES deleteNDcookie('mapSearch'); deleteNDcookie('mapFilter'); deleteNDcookie('mapCenter'); deleteNDcookie('mapSort'); if (cookies.types[0] && cookies.types.length < 11) { for (var qsT = 0; qsT < cookies.types.length; qsT++) { var i = $.inArray(cookies.types[qsT].trim(), ['type0', 'type1', 'type2', 'type3', 'type4', 'type5', 'type6', 'type7', 'type8', 'type9']); if (i >= 0) { $('#chkLegend' + i).attr('checked', 'checked'); } } chkLegend_Click($('#txtLegendAll')); } else if (cookies.types.length >= 11) { chkLegend_Click($('#chkLegendAll')); } if (cookies.search != "") { if (cookies.search == "Current Location") { useCurrentLoc(); } else { $('#autocomplete').val(cookies.search); mapSearch(); } } /* AUTO COMPLETE */ $(function () { var autocompleteOptions, autocomplete1; autocompleteOptions = { serviceUrl: "/DesktopModules/LFLocations/AutoComplete.aspx", appendTo: $('#autocomplete-wrapper'), autoSelectFirst: true, onSelect: function () { mapSearch(); }, onSearchStart: function () { getParams(); }, noCache: true }; autocomplete1 = $('#autocomplete').autocomplete(autocompleteOptions); }); }); var locListings = new Array(4);locListings[0] = { 'div': 'loc1', 'span': 'loc1Distance', 'locId': 1, 'dflt': 0, 'lon': -117.9447, 'lat': 33.86988, 'distance': -1, 'postalCode':'92833', 'city':'Fullerton' };locListings[1] = { 'div': 'loc2', 'span': 'loc2Distance', 'locId': 2, 'dflt': 1, 'lon': -117.8596, 'lat': 33.83448, 'distance': -1, 'postalCode':'92865', 'city':'Orange' };locListings[2] = { 'div': 'loc3', 'span': 'loc3Distance', 'locId': 3, 'dflt': 2, 'lon': -118.0223, 'lat': 33.95746, 'distance': -1, 'postalCode':'90605', 'city':'Whittier' };locListings[3] = { 'div': 'loc4', 'span': 'loc4Distance', 'locId': 4, 'dflt': 3, 'lon': -118.4402, 'lat': 34.04329, 'distance': -1, 'postalCode':'90025', 'city':'West LA' }; locIds0 = new Array(4);locIds0[0] = 1;locIds0[1] = 2;locIds0[2] = 3;locIds0[3] = 4; markerPositions0 = new Array(4);markerPositions0[0] = plotPoint(-117.9447, 33.86988);markerPositions0[1] = plotPoint(-117.8596, 33.83448);markerPositions0[2] = plotPoint(-118.0223, 33.95746);markerPositions0[3] = plotPoint(-118.4402, 34.04329); icons0 = new Array(4);icons0[0] = '//a2.nd-cdn.us/img/locations/thin/red.png';icons0[1] = '//a2.nd-cdn.us/img/locations/thin/red.png';icons0[2] = '//a2.nd-cdn.us/img/locations/thin/red.png';icons0[3] = '//a2.nd-cdn.us/img/locations/thin/red.png'; content0 = new Array(4);content0[0] = "

";content0[1] = "

";content0[2] = "

";content0[3] = "

";