CINXE.COM
UC San Diego Health | San Diego Hospital, Healthcare
<!DOCTYPE html> <html lang="en" class=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>UC San Diego Health | San Diego Hospital, Healthcare</title> <link rel="canonical" href="https://health.ucsd.edu/" /> <meta name="description" content="UC San Diego Health, San Diego Hospital, Healthcare" /> <meta name="keywords" content="UC San Diego Health | San Diego Hospital, Healthcare " /> <meta name="robots" content="index, follow" /> <meta property="og:title" content="UC San Diego Health | San Diego Hospital, Healthcare" /> <meta property="og:description" content="UC San Diego Health, San Diego Hospital, Healthcare" /> <meta property="og:type" content="website" /> <meta name="og:image" content="https://health.ucsd.edu/globalassets/website_open_graph-generic.jpg" /> <meta name="twitter:image" content="https://health.ucsd.edu/globalassets/website_open_graph-generic.jpg" /> <meta name="twitter:title" content="UC San Diego Health | San Diego Hospital, Healthcare" /> <meta name="twitter:description" content="UC San Diego Health, San Diego Hospital, Healthcare" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="og:site_name" content="UC San Diego Health" /> <meta name="twitter:site" content="UC San Diego Health" /> <meta name="twitter:creator" content="ucsdhealth" /> <!-- Meta tags from metatagger --> <meta name="ORGANIZATION" /> <meta name="geo.region" /> <meta name="geo.placename" /> <!-- Pinterest verification meta tag --> <meta name="p:domain_verify" /> <!--GA Site Verification Meta Tag--> <meta name="google-site-verification" content="DNOea1Va8EA8e9wNUn3e8jSER89hWQiA8fYLRY_wesY" /> <!--GA Translate Meta Tag--> <meta name="google-translate-customization" /> <link rel="icon" href="/globalassets/uc_san_diego_health_favicon.png" /> <link rel="stylesheet" href="/dist/css/index.css"> <link rel="stylesheet" href="/dist/vendor/icons/css/all.min.css"> <link rel="stylesheet" href="/dist/vendor/icons/css/fontawesome.min.css"> <link rel="stylesheet" href="/dist/vendor/alu5jfb.css"> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NZ7JFL');</script> <!-- End Google Tag Manager --> <script src="/globalassets/jquery-and-hide-badge-js/homepage-hero-css.js" type="text/javascript"></script> <script> !function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{src: "https://js.monitor.azure.com/scripts/b/ai.2.gbl.min.js", crossOrigin: "anonymous", cfg: { instrumentationKey:'d8cddc59-365a-4201-8da0-3737f32fbcbd' }}); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!-- Optimizely Web Experimentation --> <script src="https://cdn.optimizely.com/js/24526970246.js"></script> <script> function GTUrlTranslate(sel) { var sToLang = sel.value; var sThisPage = document.location.href; console.log(sThisPage); document.location.href = "https://translate.google.com/translate?hl=en&sl=en&tl=" + sToLang + "&u=" + sThisPage; } </script> </head> <body> <header class="header" id="header"> <style> .make-an-appt__mobilebtn-container, .make-an-appt__mobilebtn { visibility: hidden; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .make-an-appt__mobilebtn-container { visibility: visible; display: flex; justify-content: center; } .make-an-appt__mobilebtn { visibility: visible; color: #13294b; display: block; position: fixed; bottom: 1.5%; margin: 1.2rem 0; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 768px) { .make-an-appt__mobilebtn-container { visibility: visible; display: flex; justify-content: center; } .make-an-appt__mobilebtn { visibility: visible; color: #13294b; display: block; position: fixed; bottom: 1.5%; margin: 1.2rem 0; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .make-an-appt__mobilebtn-container { visibility: visible; display: flex; justify-content: center; } .make-an-appt__mobilebtn { visibility: visible; color: #13294b; display: block; position: fixed; bottom: 1.5%; margin: 1.2rem 0; } } </style> <script> $(window).scroll(function () { if ($(this).scrollTop() > 0) { $('.make-an-appt__mobilebtn-container').fadeOut(); } else { $('.make-an-appt__mobilebtn-container').fadeIn(); } }); </script> <div class="header__info" id="header-info"> <a title="Skip to Main Content" aria-label="Skip to Main Content" class="sr__only" href="#main" tabindex="1"> Skip to Main Content </a> <span class="fal fa-notes-medical header__info__icon"></span> <a title="MyUCSDChart" aria-label="MyUCSDChart" tabindex="2" class="header__info__link" href="https://mychart.ucsd.edu/ucsd" target="_blank"> MyUCSDChart </a> <span class="fas fa-phone-alt header__info__icon"></span> <a title="858-657-7000" aria-label="858-657-7000" tabindex="3" class="header__info__link" href="tel: 858-657-7000" target="" aria-label="Contact phone number: 858-657-7000"> 858-657-7000 </a> </div> <nav class="header__top-nav" id="top-nav"> <a role="button" class="header__hamburger-menu" id="hamburger"> <span></span> <span></span> <span></span> </a> <div class="header__logo-container"> <a title="image UC San Diego Health logo" aria-label="image UC San Diego Health logo" href="/" aria-label="Home" tabindex="-1"> <img class="header__logo" id="logo" alt="UC San Diego Health logo" src="/globalassets/dark-1.svg" loading="lazy" /> </a> <div class="header__nav-preview hidden" aria-hidden="true"> </div> </div> <div class="header__nav-links" id="nav-links"> <ul id="nav-links-ul" aria-role="menubar" aria-expanded="false"> <li> <a title="Primary & Specialty Care" aria-label="Primary & Specialty Care" href="/#" data-target="primary-specialty-care" class="has-submenu" role="button" aria-expanded="false" aria-controls="primary-specialty-care"> <span>Primary & Specialty Care</span> </a> <ul class="header__nav-menu"> <li class="sr__only feature-card-data"> <h4>Primary & Specialty Care</h4> </li> <li> <ul> <li><a title="Search All Services" aria-label="Search All Services" class="collapsed" href="/care/" target="">Search All Services</a></li> <li><a title="Primary Care" aria-label="Primary Care" class="collapsed" href="/care/primary-care/" target="">Primary Care</a></li> <li><a title="Same-Day Care" aria-label="Same-Day Care" class="collapsed" href="/care/walk-in-same-day/" target="">Same-Day Care</a></li> </ul> </li> <li> <ul> <li><a title="Cancer Care" aria-label="Cancer Care" class="collapsed" href="/care/cancer/" target="">Cancer Care</a></li> <li><a title="Heart Care" aria-label="Heart Care" class="collapsed" href="/care/heart-vascular/" target="">Heart Care</a></li> </ul> </li> <li> <ul> <li><a title="Orthopedics" aria-label="Orthopedics" class="collapsed" href="/care/orthopedics/" target="">Orthopedics</a></li> <li><a title="Gynecology" aria-label="Gynecology" class="collapsed" href="/care/gynecology/" target="">Gynecology</a></li> </ul> </li> </ul> </li> <li> <a title="Doctors" aria-label="Doctors" href="/find-a-provider/">Doctors</a> </li> <li> <a title="Locations" aria-label="Locations" href="/#" data-target="locations" class="has-submenu" role="button" aria-expanded="false" aria-controls="locations"> <span>Locations</span> </a> <ul class="header__nav-menu"> <li class="sr__only feature-card-data"> <h4>Locations</h4> <span> UC San Diego Health Locations </span> </li> <li> <ul> <li><a title="Search All Locations" aria-label="Search All Locations" class="collapsed" href="/locations/" target="">Search All Locations</a></li> <li><a title="Imaging Locations" aria-label="Imaging Locations" class="collapsed" href="/care/imaging/" target="">Imaging Locations</a></li> <li><a title="Lab Locations" aria-label="Lab Locations" class="collapsed" href="/care/lab/" target="">Lab Locations</a></li> </ul> </li> </ul> </li> <li> <a title="Insurance & Billing" aria-label="Insurance & Billing" href="/insurance-billing/">Insurance & Billing</a> </li> <li> <a title="Jobs" aria-label="Jobs" href="https://employment.ucsd.edu/">Jobs</a> </li> </ul> <div class="header__info-mobile" id="header-info-mobile"> <div> <div class="header__info__link"> <span class="fal fa-notes-medical header__info__icon"></span> <a title="MyUCSDChart" aria-label="MyUCSDChart" href="https://mychart.ucsd.edu/ucsd" target="_blank" aria-label="">MyUCSDChart</a> </div> <div class="header__info__link"> <span class="fas fa-phone-alt header__info__icon"></span> <a title="858-657-7000" aria-label="858-657-7000" href="tel: 858-657-7000" target="" aria-label="Contact phone number: 858-657-7000">858-657-7000</a> </div> </div> <div class="header__appointment-mobile"> <a title="Make an Appointment" aria-label="Make an Appointment" class="header__appointment-link-mobile" id="appointment-link-mobile" href="/make-an-appointment/"> Make an Appointment </a> </div> </div> </div> <a title="search button" aria-label="search button" class="header__search-btn" tabindex="4" id="header-search-btn" role="button" aria-label="Submit Search" data-open-label="Submit Search" data-close-label="Clear Search" aria-expanded="false"></a> <a title="Make an Appointment" aria-label="Make an Appointment" class="header__appointment-link-desktop" id="appointment-link-desktop" href="/make-an-appointment/"> Make an Appointment </a> </nav> <div class="header__global-search" id="mobile-menu-search"> <div><div> <div class="search-bar container" data-animate-disabled > <form class="searchBarForm"> <label for="searchInput-standalone" class="search-bar__eyebrow"> Global Search </label> <div class="input-dropdown-container" data-search-url="https://health.ucsd.edu:443/search/" data-autocomplete="true" data-vertical-key=""> <div class="input-container"> <input name="searchInput" placeholder="Search for medical conditions, treatments, doctors or other information" /> <button type="button" class="search-bar__clear-btn searchInput" aria-label="Clear Search"> <span class="fal fa-times"></span> </button> <button type="submit" class="search-bar__search-btn" aria-label="Submit Search"> <span class="far fa-search"></span> </button> </div> <div class="sr__instructions screenreader-instructions-searchbar-standalone"> When autocomplete results are available, use up and down arrows to review and enter to select. </div> <div class="sr__announcementText" aria-live="assertive"> {count} result(s) found </div> <div class="dropdown-container"></div> </div> </form> </div> </div></div> <div class="header__info-mobile header-info-mobile"> <div> <div class="header__info__link"> <span class="fal fa-notes-medical header__info__icon"></span> <a title="MyUCSDChart" aria-label="MyUCSDChart" href="https://mychart.ucsd.edu/ucsd" target="_blank" aria-label=""> MyUCSDChart </a> </div> <div class="header__info__link"> <span class="fas fa-phone-alt header__info__icon"></span> <a title="858-657-7000" aria-label="858-657-7000" href="tel: 858-657-7000" target="" aria-label="Contact phone number: 858-657-7000"> 858-657-7000 </a> </div> </div> <div class="header__appointment-mobile"> <a title="Make an Appointment" aria-label="Make an Appointment" class="header__appointment-link-mobile appointment-link-mobile" href="/make-an-appointment/" > Make an Appointment </a> </div> </div> </div> <div class="make-an-appt__mobilebtn-container"> <div class="make-an-appt__mobilebtn"> <a title="Make an Appointment" aria-label="Make an Appointment" class="header__appointment-link-mobile appointment-link-mobile" href="/make-an-appointment/" > Make an Appointment </a> </div> </div> </header> <main id="main"> <h1 class="h1-hidden">#1 Ranked Hospital in California by US News & World Report - UC San Diego Health</h1> <div class="animated-text"> <div> <small class="animated-text__secondary"> World-class </small> <strong class="animated-text__primary"> care </strong> <em class="animated-text__emphasis"> here for you. </em> </div> </div> <div class="content-area"> <div><div> <section class="hero-items-carousel"> <div class="hero-items-carousel__search"> <div><div> <div class="search-bar container" data-animate-disabled > <form class="searchBarForm"> <label for="searchInput-standalone" class="search-bar__eyebrow"> What can we help you find? </label> <div class="input-dropdown-container" data-search-url="https://health.ucsd.edu:443/search/" data-autocomplete="true" data-vertical-key=""> <div class="input-container"> <input name="searchInput" placeholder="Search for medical conditions, treatments, doctors or other information" /> <button type="button" class="search-bar__clear-btn searchInput" aria-label="Clear Search"> <span class="fal fa-times"></span> </button> <button type="submit" class="search-bar__search-btn" aria-label="Submit Search"> <span class="far fa-search"></span> </button> </div> <div class="sr__instructions screenreader-instructions-searchbar-standalone"> When autocomplete results are available, use up and down arrows to review and enter to select. </div> <div class="sr__announcementText" aria-live="assertive"> {count} result(s) found </div> <div class="dropdown-container"></div> </div> </form> </div> </div></div> </div> <div data-component="heroCarouselItems" data-props-id="da437205-48d4-4256-bbb5-4ef6cf4690ed"></div> </section> </div><div> <section class="container"> <div class="notification blue"> <div class="notification__icon-container"> <span class="notification__icon fas fa-info-circle"></span> </div> <div class="notification__copy"> <h3 class="notification__title">For Anthem Blue Cross Patients</h3> <p class="notification__body"><p>UC San Diego Health accepts Anthem Blue Cross. If you are an Anthem Blue Cross patient who is seeking access to care at UC San Diego Health, please call <a href="tel:800-926-8273">800-926-8273</a> and we will help coordinate access to our primary and specialty care networks. We look forward to providing high-quality care to you and your family.</p></p> </div> </div> </section></div><div> <section class="container" > <div class="row"> <div class="rich-text-block false" data-animate-disabled > <h2>Convenient Locations Near You</h2> <p>Note: Select "Primary Care" to see options for Internal Medicine (care for adults) or Family Medicine (care for all ages).</p> </div> </div> </section> </div><div> <link rel="stylesheet" href="/assets/css/custom-gmap.css"> <style> @media only screen and (min-device-width: 320px) and (max-device-width: 768px) { div#map.map-wrapper { height: unset !important; } .mobile-map-locations_filter { float: right; } .mobile-map-locations_filter .filters-btn { background-color: #ffe8ae; border: none; border-radius: 4px; font-size: 14px; line-height: 28px; font-weight: 600; padding: 10px 10px 10px 20px; width: 100%; display: inline-flex; align-items: center; justify-content: space-between; color: #13294b !important; } #mobile-location-filter { display: none; /* Initially hidden */ } .close-btn { background: transparent; border: none; font-size: 24px; font-weight: bold; cursor: pointer; color: white; position: absolute; top: 10px; right: 15px; } #close-mobile-filter { display: block; } .mobile-map-locations_filter { float: right; } .mobile-map-locations_filter .filters-btn { background-color: #ffe8ae; border: none; border-radius: 4px; font-size: 14px; line-height: 28px; font-weight: 600; padding: 10px 10px 10px 20px; width: 100%; display: inline-flex; align-items: center; justify-content: space-between; color: #13294b !important; } .fa-filter:before { content: "\f0b0"; } #mobile-location-filter { position: fixed; top: 0; left: 0; right: 0; max-width: 100%; height: 100%; background: rgba(19, 41, 75, 0.95); color: #fff; z-index: 4; display: none; padding: 1rem; overflow-y: auto; } .close-btn { background: transparent; border: none; font-size: 24px; font-weight: bold; cursor: pointer; color: white; position: absolute; top: 10px; right: 15px; } .filter-options p { margin-top: 50px; } #map-mobile-filter-toggle { display: block !important; } #desktop-filter { display: none !important; } #location-info-card { width: 80% !important; transform: translate(-10%, -50%) !important; left: 20% !important; } } /* desktop */ #map-container, #map-cover { position: relative; max-height: 100%; width: 100%; margin: 0 auto; } .map-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } #map { height: 100%; width: 100%; position: relative; } .gmnoprint.gm-style-mtc-bbw { display: none !important; } #location-info-card { max-height: 100%; width: 400px; position: absolute; top: 50%; left: 15%; transform: translateY(-50%); background-color: #13294b; color: #fff; border-radius: 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 1.3rem; z-index: 3; display: none; } #location-info-card .close-btn { background: transparent; border: none; font-size: 26px; font-weight: bold; cursor: pointer; float: right; color: #fff; margin: -1rem; padding-right: 1rem; } .filter-options { position: absolute; display: flex; flex-direction: column; top: 5px; right: 9px; background: #13294B; color: #fff; padding: 1rem; border-radius: 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 3; max-width: 300px; } .filter-option { display: inline-flex; margin: 0; cursor: pointer; align-items: center; padding: 0.5rem 0; } .filter-option input[type="checkbox"] { margin-right: 5px; appearance: none; border: 2px solid #b0c8eb; background-color: #fff; border-radius: 4px; height: 24px; width: 24px; min-width: 24px; } .filter-option input[type="checkbox"]:checked { background-color: #FFCB00; border-color: #FFCB00; } .filter-option input[type="checkbox"]:checked:before { font-family: "Font Awesome 5 Pro", sans-serif; content: "\f00c"; color: #000; display: flex; justify-content: center; align-items: center; } .filter-dropdown { background: white; border: 1px solid #ddd; border-radius: 4px; padding: 5px; margin: 0.5rem 0; } #map-mobile-filter-toggle { display: none; } .map-cover-container { position: relative; width: 100%; height: auto; } .map-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } .map-center-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px 20px; font-size: 16px; background-color: #13294b; color: white; border: none; border-radius: 4px; cursor: pointer; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); z-index: 2; } .map-center-button:hover { background-color: #0e1821; /* Hover effect */ } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity here */ z-index: 1; /* Ensures it overlays the image but is below the button */ } .loading-icon { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #13294b; z-index: 3; display: flex; justify-content: center; align-items: center; } #info-btn { color: #13294b; display: block; font-weight: 600; font-size: 1.125rem; line-height: 3.75rem; background: #ffb500; border-radius: 4px; padding: 0 10px; text-align: center; } /* Custom styles for Google Maps zoom control buttons */ .gm-style .gm-control-active .gm-control-active-icon, .gm-style .gm-control-active:hover .gm-control-active-icon { color: #13294B !important; /* Change the color of the plus and minus icons */ } /* For the buttons themselves */ .gm-style .gm-control-active { background-color: #ffffff !important; /* Keep the button background white */ border: 1px solid #13294B !important; /* Add border color to match icon color */ } .gm-style .gm-control-active:hover { background-color: #f0f0f0 !important; /* Slightly lighter background on hover */ } /* Specific targeting of plus and minus icons if needed */ button[aria-label="Zoom in"]::before, button[aria-label="Zoom out"]::before { content: ''; /* Remove existing icon content */ background-color: #13294B !important; /* Replace with desired color */ width: 10px; /* Adjust width if needed */ height: 2px; /* Adjust height for minus sign */ display: block; margin: auto; } button[aria-label="Zoom in"]::after { content: ''; background-color: #13294B !important; /* Replace with desired color */ width: 2px; /* Adjust width for vertical line of plus sign */ height: 10px; /* Adjust height for vertical line of plus sign */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* Center the line */ } /* Optional: styling the hover state for the icons */ button[aria-label="Zoom in"]:hover::before, button[aria-label="Zoom out"]:hover::before, button[aria-label="Zoom in"]:hover::after { background-color: #0e1f36 !important; /* Darken the color on hover */ } </style> <section class="container"> <div class="map-cover-container" id="map-cover"> <div class="overlay"></div> <img src="/globalassets/map/yext-location-map-image-cover.jpg" srcset="/globalassets/map/yext-location-map-image-cover.jpg 500w, /globalassets/map/yext-location-map-image-cover.jpg 768w, /globalassets/map/yext-location-map-image-cover.jpg 1024w, /globalassets/map/yext-location-map-image-cover.jpg 1440w" sizes="(max-width: 600px) 500px, /* Mobile */ (max-width: 768px) 768px, /* Tablet */ (max-width: 1024px) 1024px, /* Laptop */ 1440px" /> <button class="map-center-button" id="view-map">View Location Map</button> </div> <div id="loading-icon" class="loading-icon" style="display: none"> <p>Loading map</p> <br /> <i class="fas fa-spinner fa-spin"></i> </div> <!-- Initially hide this --> <div id="map-container" style="display: none"> <div class="mobile-map-locations_filter" id="map-mobile-filter-toggle"> <button class="filters-btn">Filter by location type<span class="fal fa-filter" style="margin: 0 0.5rem; font-weight: 600;"></span></button> </div> <div class="filter-options" id="mobile-location-filter"> <button id="close-mobile-filter" class="close-btn" hidden>×</button> <p>Filter by location type:</p> <select id="filter-affiliate" class="filter-dropdown"> <option value="" selected>All Locations</option> <option value="UC San Diego Health Locations">UC San Diego Health Locations</option> <option value="UC San Diego Health Affiliates">UC San Diego Health Affiliates</option> </select> <div class="filter-option"> <input type="checkbox" id="filter-hospital" value="Hospital"> <label for="filter-hospital">Hospital</label> </div> <div class="filter-option"> <input type="checkbox" id="filter-same-day-care" value="Same-Day Care"> <label for="filter-same-day-care">Same-Day Care</label> </div> <div class="filter-option"> <input type="checkbox" id="filter-emergency-room" value="Emergency Room"> <label for="filter-emergency-room">Emergency Room</label> </div> <div class="filter-option"> <input type="checkbox" id="filter-primary-care-clinic" value="Primary Care"> <label for="filter-primary-care-clinic">Primary Care</label> </div> <div class="filter-option"> <input type="checkbox" id="filter-specialty-clinic" value="Specialty Care"> <label for="filter-specialty-clinic">Specialty Care</label> </div> <div class="filter-option"> <input type="checkbox" id="filter-pediatrics" value="Pediatric Care"> <label for="filter-pediatrics">Pediatric Care</label> </div> <div class="filter-option"> <input type="checkbox" id="filter-lab" value="Lab"> <label for="filter-lab">Lab</label> </div> <div class="filter-option"> <input type="checkbox" id="filter-pharmacy" value="Pharmacy"> <label for="filter-pharmacy">Pharmacy</label> </div> <div class="filter-option"> <input type="checkbox" id="filter-infusion-center" value="Infusion Center"> <label for="filter-infusion-center">Infusion Center</label> </div> </div> <div id="map" class="map-wrapper"></div> <div id="location-info-card"> <button id="close-info-card" class="close-btn">×</button> <div id="info-content"></div> </div> </div> </section> <script> document.getElementById('view-map').addEventListener('click', function () { // Hide the map cover and show the loading icon document.getElementById('map-cover').style.display = 'none'; document.getElementById('loading-icon').style.display = 'flex'; setTimeout(function () { document.getElementById('loading-icon').style.display = 'none'; document.getElementById('map-container').style.display = 'block'; // Optionally, initialize the map here if needed // initMap(); }, 1000); // 1000 milliseconds = 1 second }); </script> <script> function initMap() { var center = { lat: 32.8785055, lng: -117.2257251 }; var map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: center, zoomControl: true, zoomControlOptions: { position: google.maps.ControlPosition.RIGHT_BOTTOM }, disableDefaultUI: true, scaleControl: true, styles: [ { elementType: 'geometry', stylers: [{ color: '#f6f4f4' }] }, { elementType: 'labels.text.stroke', stylers: [{ color: '#f6f6f6' }] }, { elementType: 'labels.text.fill', stylers: [{ color: '#333333' }] }, { featureType: 'road', elementType: 'geometry', stylers: [{ color: '#CCE5F1' }] }, { featureType: 'road', elementType: 'geometry.stroke', stylers: [{ color: '#CCE5F1' }] }, { featureType: 'water', elementType: 'geometry', stylers: [{ color: '#5b9fbc' }] }, { featureType: 'water', elementType: 'labels.text.fill', stylers: [{ color: '#333333' }] }, { featureType: 'water', elementType: 'labels.text.stroke', stylers: [{ color: '#f6f6f6' }] }, { featureType: "poi", stylers: [{ visibility: "off" }] } ], }); var markers = []; var activeFilters = []; var filterByAffiliate = null; var selectedLocationType = ''; var apiUrl = `${location.protocol}//${location.hostname}${location.port ? ':' + location.port : ''}/api/locations/getlocations/mergedresults`; function getMarkerIcon(color) { if (!color) color = '#13294B'; return `data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path fill="${encodeURIComponent(color)}" stroke="${encodeURIComponent('#0E1821')}" stroke-width="1" d="M12 2C8.13 2 5 5.13 5 9c0 4 7 13 7 13s7-9 7-13c0-3.87-3.13-7-7-7zm0 11.7c-1.28 0-2.3-1.02-2.3-2.3 0-1.28 1.02-2.3 2.3-2.3 1.28 0 2.3 1.02 2.3 2.3 0 1.28-1.02 2.3-2.3 2.3z" stroke-linecap="round" stroke-linejoin="round"/></svg>`; } var markersIconPath = { "Hospital": getMarkerIcon('#FF7F00'), "Same-Day Care": getMarkerIcon('#753BBC'), "Emergency Room": getMarkerIcon('#D3649F'), "Pediatric Care": getMarkerIcon('#007DBA'), "Primary Care": getMarkerIcon('#008E4A'), "Specialty Care": getMarkerIcon('#00BB81'), "Lab": getMarkerIcon('#FFB000'), "Pharmacy": getMarkerIcon('#FFCB00'), "Infusion Center": getMarkerIcon('#BCBBBA'), }; function fetchLocations() { return fetch(apiUrl) .then(response => response.json()) .then(data => { return data || []; }); } function addOrUpdateMarkers(data) { markers.forEach(marker => marker.setMap(null)); markers = []; data.forEach(allData => { var lat = allData.yextDisplayCoordinate?.latitude; var lng = allData.yextDisplayCoordinate?.longitude; var locationType = allData.c_locationType; var affiliateStatus = allData.c_affiliate; var name = allData.c_pagesAndAnswersName; var addressLine1 = allData.address.line1; var city = allData.address.city; var region = allData.address.region; var postalCode = allData.address.postalCode; var phoneNumber = allData.mainPhone; var locationPage = allData.c_pagesURL; var primaryCTA = allData.c_primaryCTA; var ctaLabel = allData.c_primaryCTA?.label ?? null; var ctaLink = allData.c_primaryCTA?.link ?? null; var ctaLinkType = allData.c_primaryCTA?.linkType ?? null; if (phoneNumber == null) { } else { // Remove leading and trailing spaces phoneNumber = phoneNumber.trim(); // Remove the country code if it starts with +1 if (phoneNumber.startsWith("+1")) { phoneNumber = phoneNumber.substring(2); // Remove the "+1" country code } // Remove any non-numeric characters just in case phoneNumber = phoneNumber.replace(/[^0-9]/g, ''); // Define formattedPhoneNumber outside the if block var formattedPhoneNumber = null; // Check if the remaining part has exactly 10 digits if (phoneNumber.length === 10) { // Reformat the remaining number formattedPhoneNumber = `${phoneNumber.substring(0, 3)}-${phoneNumber.substring(3, 6)}-${phoneNumber.substring(6, 10)}`; } else { // console.log("Unexpected phone number format:", phoneNumber); // Log the problematic number } } if (filterByAffiliate !== null) { if (filterByAffiliate === true && affiliateStatus !== true) return; if (filterByAffiliate === false && affiliateStatus === true) return; } if (lat && lng && locationType && Array.isArray(locationType)) { locationType.forEach(location => { if (activeFilters.length === 0 || activeFilters.includes(location)) { var iconUrl = markersIconPath[location]; if (iconUrl) { var position = new google.maps.LatLng(lat, lng); var marker = new google.maps.Marker({ map: map, position: position, icon: iconUrl }); marker.addListener('click', function () { showInfoCard(name, location, addressLine1, city, region, postalCode, locationPage, ctaLabel, formattedPhoneNumber); }); markers.push(marker); } if (location === "Hospital") { marker.setZIndex(google.maps.Marker.MAX_ZINDEX + 500); } if (["Same-Day Care", "Emergency Care"].includes(location)) { marker.setZIndex(google.maps.Marker.MAX_ZINDEX + 400); } if (location === 'Primary Care') { marker.setZIndex(google.maps.Marker.MAX_ZINDEX + 300); } } }); } }); } function showInfoCard(name, location, addressLine1, city, region, postalCode, locationPage, ctaLabel, formattedPhoneNumber) { var infoCard = document.getElementById('location-info-card'); var infoContent = document.getElementById('info-content'); let contentHtml = ` <h3>${name}</h3> <div style="margin: 1rem 0"> <p style="font-size: 1.125rem">${addressLine1}</p> <p style="font-size: 1.125rem">${city}, ${region} ${postalCode}</p>`; // Append phone number only is available if (formattedPhoneNumber) { contentHtml += `<p style="font-size: 1.125rem"><a href="tel:${formattedPhoneNumber}" style="color: #fff;">${formattedPhoneNumber}</a></p>`; } contentHtml += `</div>`; // Closing the address section // Append CTA button only if `ctaLabel` is not null if (ctaLabel) { contentHtml += ` <div> <p><a href="${locationPage}" target="_blank" id="info-btn">${ctaLabel}</a></p> </div>`; } else if (formattedPhoneNumber) { contentHtml += ` <div> <p> <a title="Call to Learn More" aria-label="Call to Learn More" class="campaign-button-round" href="tel:${formattedPhoneNumber}"> Call to Learn More </a> </p> </div>`; } infoContent.innerHTML = contentHtml; infoCard.style.display = 'block'; } document.getElementById('close-info-card').addEventListener('click', function () { document.getElementById('location-info-card').style.display = 'none'; }); function applyFilters() { fetchLocations().then(data => { //if (selectedLocationType && selectedLocationType !== "None") { // activeFilters.push(selectedLocationType); // Automatically select the location type from the CMS //} var filterOptionsDiv = document.querySelector('.filter-options'); if (selectedLocationType && selectedLocationType !== "None") { activeFilters.push(selectedLocationType); // Automatically select the location type from the CMS // Hide the filter-options div when it's not "None" if (filterOptionsDiv) { filterOptionsDiv.style.display = 'none'; // Hide the div } } else { // Show the filter-options div if the selection is "None" if (filterOptionsDiv) { filterOptionsDiv.style.display = 'flex'; // Show the div } } addOrUpdateMarkers(data); }); } // Handle location type checkboxes document.querySelectorAll('.filter-option input[type="checkbox"]').forEach(checkbox => { checkbox.addEventListener('change', function () { var markerIcon = markersIconPath[this.value]; var colorMatch = markerIcon.match(/fill="([^"]+)"/); var color = colorMatch && colorMatch[1] ? decodeURIComponent(colorMatch[1]) : '#FFCB00'; if (this.checked) { activeFilters.push(this.value); this.style.backgroundColor = color; // Set background to marker color this.style.borderColor = color; // Set border to marker color } else { activeFilters = activeFilters.filter(filter => filter !== this.value); this.style.backgroundColor = ''; // Reset to default this.style.borderColor = ''; // Reset to default } applyFilters(); }); }); // Handle dropdown filter changes document.getElementById('filter-affiliate').addEventListener('change', function () { const value = this.value; //if (value === "UC San Diego Health Affiliates") { // filterByAffiliate = true; //} else if (value === "UC San Diego Health Locations") { // filterByAffiliate = false; //} else { // filterByAffiliate = null; //} //applyFilters(); if (value === "UC San Diego Health Affiliates") { filterByAffiliate = true; // Show only 'Same-Day Care', 'Pediatric Care', 'Primary Care' checkboxes var affiliateOptions = ['Same-Day Care', 'Pediatric Care', 'Primary Care']; document.querySelectorAll('.filter-option').forEach(function (option) { var input = option.querySelector('input[type="checkbox"]'); if (affiliateOptions.includes(input.value)) { option.style.display = 'inline-flex'; } else { option.style.display = 'none'; input.checked = false; // Uncheck hidden checkboxes // Remove unchecked values from activeFilters activeFilters = activeFilters.filter(filter => filter !== input.value); } }); } else { filterByAffiliate = (value === "UC San Diego Health Locations") ? false : null; // Show all checkboxes document.querySelectorAll('.filter-option').forEach(function (option) { option.style.display = 'inline-flex'; }); } applyFilters(); }); // Initialize the map and apply initial filters applyFilters(); } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKQtxug_HxtI6yZrS-STvD1aAIqlYo1y0&&callback=initMap"></script> <script> // Toggle filter options visibility on mobile document.querySelector('.filters-btn').addEventListener('click', function () { var mobileFilter = document.getElementById('mobile-location-filter'); if (mobileFilter.style.display === 'none' || !mobileFilter.style.display) { mobileFilter.style.display = 'flex'; } else { mobileFilter.style.display = 'none'; } }); // Handle closing of the mobile filter document.querySelector('.close-btn').addEventListener('click', function () { document.getElementById('mobile-location-filter').style.display = 'none'; }); </script></div><div> <section class="container feature-card-composition"> <header data-animate-disabled > <h2> Expert Care, When and Where You Need It </h2> </header> <div class="row" data-animate-disabled > <a title="Primary Care Get excellent care for kids, adults and seniors at convenient locations across San Diego County. Explore Primary Care" aria-label="Primary Care Get excellent care for kids, adults and seniors at convenient locations across San Diego County. Explore Primary Care" class="feature-card feature-card--third" href="/care/primary-care/" target=""> <div class="feature-card__image"> </div> <div class="feature-card__content"> <h3>Primary Care</h3> <p class="body"> Get excellent care for kids, adults and seniors at convenient locations across San Diego County. </p> </div> <span class="btn"> <span class="btn-label">Explore Primary Care</span> <span class="btn-round btn-primary btn-responsive"> <span class="fas fa-arrow-right"></span> </span> </span> </a> <a title="Same-Day Care Save your spot at Express Care or Urgent Care for minor accidents, common illnesses or wellness needs. Compare Services" aria-label="Same-Day Care Save your spot at Express Care or Urgent Care for minor accidents, common illnesses or wellness needs. Compare Services" class="feature-card feature-card--third" href="/care/walk-in-same-day/" target=""> <div class="feature-card__image"> </div> <div class="feature-card__content"> <h3>Same-Day Care</h3> <p class="body"> Save your spot at Express Care or Urgent Care for minor accidents, common illnesses or wellness needs. </p> </div> <span class="btn"> <span class="btn-label">Compare Services</span> <span class="btn-round btn-primary btn-responsive"> <span class="fas fa-arrow-right"></span> </span> </span> </a> <a title="Emergency Care Find 24/7 care for life-threatening injuries or severe health conditions at our three emergency rooms. See ER Wait Times" aria-label="Emergency Care Find 24/7 care for life-threatening injuries or severe health conditions at our three emergency rooms. See ER Wait Times" class="feature-card feature-card--third" href="/care/walk-in-same-day/#emergency-care" target=""> <div class="feature-card__image"> </div> <div class="feature-card__content"> <h3>Emergency Care</h3> <p class="body"> Find 24/7 care for life-threatening injuries or severe health conditions at our three emergency rooms. </p> </div> <span class="btn"> <span class="btn-label">See ER Wait Times</span> <span class="btn-round btn-primary btn-responsive"> <span class="fas fa-arrow-right"></span> </span> </span> </a> </div> </section></div><div> <style> section.container.story { width: 100%; } section.container.story > div.promotout { display: block; text-decoration: none; color: #13294b; } section.container.story > div.promotout { border-radius: 15px; display: block; text-decoration: none; color: #13294b; } div.promotout__copy > h3 { font-size: 2rem; letter-spacing: unset; margin: 0.5rem 0; } .promotout__content { display: flex; justify-content: space-between; padding: 1.5rem 2.5rem; border: 1px solid transparent; } .promotout__content > a.btn, .promotout__copy { color: #13294b; } .promotout__copy > p > a, .promotout__copy a:link { color: #447cd0; font-weight: 600; } .promotout__content > .promotout__copy ul, .promotout__content > .promotout__copy ol { margin-left: 32px; margin-bottom: 48px; list-style-type: disc; font-size: 1.375rem; line-height: 2rem; } div.promotout.promotout__blue { background-color: #b0c8eb; } div.promotout.promotout__yellow { background-color: #ffeec2; } div.promotout.promotout__light-gray { background-color: #eee; } div.promotout.promotout__white { background-color: #fff; } .div.promotout.promotout__transparent { background-color: transparent; } .promotout { background-color: #ffeec2; border-radius: 4px !important; } .promotout__content { border-radius: 10px; display: flex; justify-content: space-between; padding: 1.5rem 3.75rem; border: 1px solid transparent; flex-direction: column; align-items: flex-start; } div.promotout.promotout .btn-round { background-color: #ffb500; } div.promotout.promotout__white .btn-round { background-color: #ffb500; } div.promotout.promotout__blue .btn-round { background-color: #ffb500; } div.promotout.promotout__yellow .btn-round { background-color: #ffb500; } .promotout__content > a.btn { color: unset; } @media only screen and (max-width: 1024px) { .promotout__content > .promotout__copy ul, .promotout__content > .promotout__copy ol { font-size: 1rem; } } </style> <section class="container"> <div class="promotout promotout__yellow"> <div class="promotout__content"> <div class="promotout__copy"> <h3>Flu Vaccines Now Available</h3> <p>Flu shots are the best way to protect yourself this flu season. Same-day time slots are available at Express Care, or make an appointment for your primary care clinic. </p> </div> <a href="/care/primary-care/flu-shot/" class="btn"> <span class="btn-label">Schedule Your Flu Shot</span> <span class="btn-round btn-sm"> <span class="fas fa-arrow-right"></span> </span> </a> </div> </div> </section> </div><div> <section class="info-cards"> <div class="info-cards__intro"> <h2> Specialties and Programs </h2> <p>Care for complex conditions that's ranked among the nation's best</p> </div> <div data-component="infocards" data-props-id="498426a9-40a9-4b00-a2d7-436de0b1a00b"></div> <div class="info-cards__cta"> <a title="Browse All Specialties" aria-label="Browse All Specialties" href="/care/" class="btn"> <span class="btn-label">Browse All Specialties</span> <span class="btn-round btn-primary btn-responsive"> <span class="fas fa-arrow-right"></span> </span> </a> </div> </section> </div><div> <section class="location-links"> <div class="location-links__container"> <div class="location-links__text-section"> <div class="location-links__title-sub"> <h2> Find Care in <em>Your Community</em> </h2> </div> <p> With over 40 regional clinics, we’re everywhere that San Diegans need health care </p> <div class="location-links__links"> <a title="Hospitals and Emergency Rooms" aria-label="Hospitals and Emergency Rooms" class="link-list-item" href="/care/emergency-trauma/er/#24hour-locations" target=""> <span class="link-list-item__text"> <span class="link-list-item__title"> Hospitals and Emergency Rooms </span> </span> <div class="link-list-item__cta"> <span class="fas fa-arrow-right"></span> </div> </a> <a title="Express Care and Urgent Care" aria-label="Express Care and Urgent Care" class="link-list-item" href="/care/walk-in-same-day/" target=""> <span class="link-list-item__text"> <span class="link-list-item__title"> Express Care and Urgent Care </span> </span> <div class="link-list-item__cta"> <span class="fas fa-arrow-right"></span> </div> </a> <a title="Primary Care and Other Clinics" aria-label="Primary Care and Other Clinics" class="link-list-item" href="/locations/#clinic-locations" target=""> <span class="link-list-item__text"> <span class="link-list-item__title"> Primary Care and Other Clinics </span> </span> <div class="link-list-item__cta"> <span class="fas fa-arrow-right"></span> </div> </a> </div> </div> <div class="location-links__Images-grid"> <div class="big-images-container"> <div class="big-img" data-animate-disabled > <img src="/globalassets/image-21.png" alt="image-21" /> </div> </div> <div class="small-images-container"> <div class="first-col"> <div class="small-img" data-animate-disabled > <img src="/globalassets/rectangle-7.png" alt="rectangle-7" /> </div> <div class="small-img" data-animate-disabled > <img src="/globalassets/rectangle-1582.png" alt="rectangle-1582" /> </div> </div> <div class="second-col"> <div class="small-img" data-animate-disabled > <img src="/globalassets/rectangle-7-1.png" alt="rectangle-7-1" /> </div> <div class="small-img" data-animate-disabled > <img src="/globalassets/kop_crp-4826_213x286.jpg" alt="kop_crp-4826_213x286" /> </div> <div class="small-img" data-animate-disabled > <img src="/globalassets/rectangle-1581.png" alt="rectangle-1581" /> </div> </div> </div> </div> </div> </section> </div><div> <style> .featured-media-inline { max-inline-size: 100%; margin: 0 auto; } .featured-media-inline-image-container { border-radius: 8px; position: relative; margin: 1rem 0; } .featured-media-inline.container > h2 { color: #13294b; } .featured-media-inline-desc { margin: 1rem 0; color: #13294b; } .featured-media-inline-image-container > .featured-image > picture { width: 100%; height: auto; overflow: hidden; } .featured-media-inline-image-container > .featured-image > picture > img { border-radius: 4px; display: block; width: 100%; height: auto; } .featured-media-inline-image-container > #featured-media-inline-play-btn { top: 50% !important; font-size: calc(2em + 1vmin) !important; background: rgba(255, 255, 255, 0.6); } .stacked-container__media__play:hover { background-color: #fff !important; } .stacked-container__media__play span { color: #13294b; display: flex; justify-content: center; align-items: center; text-indent: 20%; } section.featured-media-inline.container > p.featured-media-inline-desc { font-size: 0.875rem; line-height: 1.375rem; } </style> <section class="featured-media-inline container"> <h2>Video: Expanding Access to Exceptional Care</h2> <div class="featured-media-inline-image-container"> <div class="featured-image"> <picture><source srcset="/globalassets/video-thumbnails/yashar-foh.jpg?format=webp&width=384&quality=80 384w, /globalassets/video-thumbnails/yashar-foh.jpg?format=webp&width=768&quality=80 768w, /globalassets/video-thumbnails/yashar-foh.jpg?format=webp&width=1280&quality=80 1280w, /globalassets/video-thumbnails/yashar-foh.jpg?format=webp&width=1920&quality=80 1920w" sizes="100vw" type="image/webp"/><source srcset="/globalassets/video-thumbnails/yashar-foh.jpg?width=384&quality=80 384w, /globalassets/video-thumbnails/yashar-foh.jpg?width=768&quality=80 768w, /globalassets/video-thumbnails/yashar-foh.jpg?width=1280&quality=80 1280w, /globalassets/video-thumbnails/yashar-foh.jpg?width=1920&quality=80 1920w" sizes="100vw" /><img alt="" src="/globalassets/video-thumbnails/yashar-foh.jpg?width=1920&quality=80" width="1920" loading="lazy" decoding="async" fetchPriority="low" class="featured-image"/></picture> </div> <button aria-label="play button" class="stacked-container__media__play mobile" id="featured-media-inline-play-btn" type="button" data-modal="06582411-0390-4dfb-9a64-ecd2f3e5d49e"> <span class="fas fa-caret-right"></span> </button> </div> <p class="featured-media-inline-desc"> Catheryn Yashar, MD, describes some of the efforts underway to expand access to locations throughout San Diego County. </p> <div> </div> </section> <div class="modal" id="06582411-0390-4dfb-9a64-ecd2f3e5d49e" data-modal-video-src="https://youtube.com/embed/anGo5-ojtvo"> <div class="modal__overlay"></div> <div class="modal__content"> <div class="modal__video-container"> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" class="modal__video" style="border: none;" title="video player" aria-label="video player"> </iframe> </div> <button aria-label="modal close" type="button" class="modal__close"> <span class="fas fa-times"></span> </button> </div> </div> </div><div> <section class="container two-column-content"> <div class="row two-column-content__blue"> <div class="two-column-content__column"> <div class="image" data-animate-disabled > <img alt="Hand scrolling through MyChart options on cellphone " src="/globalassets/50-50-myucsdhealth-app-hsy-4867.jpg" /> </div> <div class="two-column-content__column-text-section-sm"> <h2 class="v-title-h2">MyUCSDHealth Care Connection</h2> <p>Message your doctor, get test results, manage appointments and more on your smartphone or tablet via the free MyUCSDHealth app.</p> <ul class="links"> <li> <a title="Download from App Store" aria-label="Download from App Store" class="btn" rel="nofollow noopener noreferrer" href="https://apps.apple.com/us/app/myucsdhealth/id1245809639" target="_blank"> <span class="two-column-content__icon-container"> <span class="fab fa-apple"></span> </span> <span>Download from App Store</span> <i class="fas fa-arrow-right"></i> </a> </li> <li> <a title="Download from Google Play" aria-label="Download from Google Play" class="btn" rel="nofollow noopener noreferrer" href="https://play.google.com/store/apps/details?id=edu.ucsd.myucsdchart" target="_blank"> <span class="two-column-content__icon-container"> <span class="fab fa-google-play"></span> </span> <span>Download from Google Play</span> <i class="fas fa-arrow-right"></i> </a> </li> </ul> </div> </div> <div class="two-column-content__column" data-animate-disabled > <div class="two-column-content__column-text-section-md"> <h2 class="v-title-h2">MyUCSDHealth Care Connection</h2> <p>Message your doctor, get test results, manage appointments and more on your smartphone or tablet via the free MyUCSDHealth app.</p> <ul class="links"> <li> <a title="Download from App Store" aria-label="Download from App Store" class="btn" rel="nofollow noopener noreferrer" href="https://apps.apple.com/us/app/myucsdhealth/id1245809639" target="_blank"> <span class="two-column-content__icon-container"> <span class="fab fa-apple"></span> </span> <span>Download from App Store</span> <i class="fas fa-arrow-right"></i> </a> </li> <li> <a title="Download from Google Play" aria-label="Download from Google Play" class="btn" rel="nofollow noopener noreferrer" href="https://play.google.com/store/apps/details?id=edu.ucsd.myucsdchart" target="_blank"> <span class="two-column-content__icon-container"> <span class="fab fa-google-play"></span> </span> <span>Download from Google Play</span> <i class="fas fa-arrow-right"></i> </a> </li> </ul> </div> </div> </div> </section></div><div> <div class="section" style="width: 75%; margin: 0 auto; color: #13294b"> <div class="instafeed" style="clear: both; padding-top: 20px;"> <div class="instafeed-header"> <h3 style="color: #13294b">#UCSDHealth</h3> <a title="Follow us on Instagram" aria-label="Follow us on Instagram" href="https://www.instagram.com/ucsdhealth" class="instabtn" rel="nofollow" target="_blank"> <i class="fab fa-instagram" aria-hidden="true"></i> Follow us on Instagram </a> </div> <script src="https://apps.elfsight.com/p/platform.js" defer></script> <div class="elfsight-app-e95c2cf0-cf1c-4875-bb77-21eb802ad356"></div> </div> </div> </div></div> </div> <script type="text/javascript"> // delay sidebar window.addEventListener("load", (event) => { setTimeout(() => { document.querySelector(".sidebarMenu").style.display = "flex"; }, 10000) }); function sideBar() { const sideBar = document.querySelector(".sidebarMenu"); if (sideBar !== null) { let checkCookie = getSideBarCookie(); console.log('cookie here?',checkCookie); if (checkCookie === null) { sideBar.remove(); } } } function sideBarDismiss() { const sideBar = document.querySelector(".sidebarMenu"); const sbd = document.querySelector(".sidebarMenu"); if (sbd !== null) { sbd.addEventListener("click", (element) => { createSideBarCookie(); if (sideBar !== null) { sideBar.remove(); } }); } } function createSideBarCookie() { var expire = new Date(); expire.setHours(expire.getHours() + (24)); // Default 24h cookieExpires = expire; document.cookie = "UCSD-Health-Sidebar=" + "" + "; expires=" + cookieExpires + "; path=/"; } function getSideBarCookie() { var nameEQ = "UCSD-Health-Sidebar="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } function closeSurvey() { const sbd = document.querySelector(".sidebarMenu"); if (sbd !== null) { sbd.addEventListener("click", (element) => { createSideBarCookie(); if (sbd !== null) { sbd.remove(); } }); } } </script> <style> .sidebarMenu { display: none; z-index: 2; } </style> </main> <style> @media only screen and (min-device-width: 320px) and (max-device-width: 768px) { #mobiletranslate { margin-left: unset; width: 100%; } } footer#footer { position: relative; } #sLangtoPairTo { background: #ffe8ae; padding: 0.2rem; border: unset; font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 600; color: #13294b; font-size: 0.875rem; line-height: 1.75rem; } .sLangtoPairTo-label { font-family: "neue-haas-grotesk-text", sans-serif; color: #13294b; font-size: 0.875rem; line-height: 1.75rem; } </style> <footer class="footer" id="footer"> <div class="footer__logos-container"> <div> <a title="UC San Diego Health logo" aria-label="UC San Diego Health logo" href="/"> <img alt="UC San Diego Health logo" src="/globalassets/dark-1.svg" /> </a> </div> <div class="row"> <a title="American Nurses Credentialing Center's Magnet Recognition badge" aria-label="American Nurses Credentialing Center's Magnet Recognition badge" href="/for-health-care-professionals/nursing/"><img src="/globalassets/magnet-footer.png" alt="American Nurses Credentialing Center's Magnet Recognition badge" /></a> <a title="Graphic with badge and the words “Best Hospitals, U.S. News & World Report, Honor Roll, 2024-2025"”" aria-label="Graphic with badge and the words “Best Hospitals, U.S. News & World Report, Honor Roll, 2024-2025"”" href="/about-us/quality-safety/awards-achievements/us-news-rankings/"><img src="/globalassets/homepage/2024-2025-uswnr-footer.png" alt="Graphic with badge and the words “Best Hospitals, U.S. News & World Report, Honor Roll, 2024-2025"”" /></a> </div> </div> <div class="footer__second-level"> <div> <div class="collapsible"> <a title="Patient & Family Information" aria-label="Patient & Family Information" href="/patients/"> Patient & Family Information </a> </div> <ul class="links"> <li> <a title="Medical Records" aria-label="Medical Records" href="/patients/medical-records/" target=""> Medical Records </a> </li> <li> <a title="Classes & Events" aria-label="Classes & Events" href="/patients/events/" target=""> Classes & Events </a> </li> <li> <a title="Visitor Information" aria-label="Visitor Information" href="/patients/visitors/" target=""> Visitor Information </a> </li> <li> <a title="International Patient Services" aria-label="International Patient Services" href="/care/international/" target=""> International Patient Services </a> </li> <li> <a title="Family Houses" aria-label="Family Houses" href="/patients/places-to-stay/family-houses/" target=""> Family Houses </a> </li> <li> <a title="Health Library" aria-label="Health Library" href="https://myhealth.ucsd.edu/" target="_blank"> Health Library </a> </li> </ul> </div> <div> <div class="collapsible"> <a title="About Us" aria-label="About Us" href="/about-us/"> About Us </a> </div> <ul class="links"> <li> <a title="Quality & Safety" aria-label="Quality & Safety" href="/about-us/quality-safety/" target=""> Quality & Safety </a> </li> <li> <a title="Leadership Team" aria-label="Leadership Team" href="/about-us/leadership/" target=""> Leadership Team </a> </li> <li> <a title="Awards & Achievements" aria-label="Awards & Achievements" href="/about-us/quality-safety/awards-achievements/" target=""> Awards & Achievements </a> </li> <li> <a title="Price Transparency" aria-label="Price Transparency" href="/insurance-billing/standard-charges/" target=""> Price Transparency </a> </li> <li> <a title="Help Paying Your Bill" aria-label="Help Paying Your Bill" href="/insurance-billing/financial-assistance/" target=""> Help Paying Your Bill </a> </li> </ul> </div> <div> <div class="collapsible"> <a title="Volunteering & Support" aria-label="Volunteering & Support" href="/support/"> Volunteering & Support </a> </div> <ul class="links"> <li> <a title="Volunteer" aria-label="Volunteer" href="/support/volunteer/" target=""> Volunteer </a> </li> <li> <a title="Support Our Family Houses" aria-label="Support Our Family Houses" href="/patients/places-to-stay/family-houses/how-to-help/" target=""> Support Our Family Houses </a> </li> <li> <a title="Make a Gift" aria-label="Make a Gift" href="https://giving.ucsd.edu/support/health-medicine.html" target="_blank"> Make a Gift </a> </li> </ul> </div> <div> <div class="collapsible"> <a title="For Health Care Professionals" aria-label="For Health Care Professionals" href="/for-health-care-professionals/"> For Health Care Professionals </a> </div> <ul class="links"> <li> <a title="Transfers, Referrals & Consultations" aria-label="Transfers, Referrals & Consultations" href="/for-health-care-professionals/transfers-referrals-consultations/" target=""> Transfers, Referrals & Consultations </a> </li> <li> <a title="Research & Clinical Trials" aria-label="Research & Clinical Trials" href="/care/clinical-trials/" target=""> Research & Clinical Trials </a> </li> <li> <a title="Education & Training" aria-label="Education & Training" href="/for-health-care-professionals/education-training/" target=""> Education & Training </a> </li> <li> <a title="Nursing at UC San Diego Health" aria-label="Nursing at UC San Diego Health" href="/for-health-care-professionals/nursing/" target=""> Nursing at UC San Diego Health </a> </li> </ul> </div> <div> <div class="footer__second-level-standalone"> <a title="Giving" aria-label="Giving" href="/giving/"> Giving </a> </div> <div class="footer__second-level-standalone"> <a title="News" aria-label="News" href="/news/"> News </a> </div> <div class="footer__second-level-standalone"> <a title="Careers" aria-label="Careers" href="https://employment.ucsd.edu/"> Careers </a> </div> <div class="footer__second-level-standalone"> <a title="COVID-19 Information" aria-label="COVID-19 Information" href="/covid/"> COVID-19 Information </a> </div> <div class="footer__second-level-standalone"> <a title="Contact Us" aria-label="Contact Us" href="/about-us/contact-us/"> Contact Us </a> </div> </div> </div> <div class="footer__bottom-level"> <div class="footer__copyright-section"> <div><span>© 2025 UC San Diego Health. All rights reserved</span></div> </div> <ul class="footer__social-links"> <li> <a title="fab fa-linkedin" href="https://www.linkedin.com/company/ucsdhealth" aria-label="UC San Diego Health Linkedin page, opens in a new window or tab" target="_blank"> <i class="fab fa-linkedin"></i> </a> </li> <li> <a title="fab fa-instagram-square" href="https://www.instagram.com/ucsdhealth/" aria-label="UC San Diego Health Instagram page, opens in a new window or tab" target="_blank"> <i class="fab fa-instagram-square"></i> </a> </li> <li> <a title="fab fa-facebook-square" href="https://www.facebook.com/UCSDHealth" aria-label="UC San Diego Health Facebook page, opens in a new window or tab" target="_blank"> <i class="fab fa-facebook-square"></i> </a> </li> <li> <a title="fab fa-youtube-square" href="https://www.youtube.com/user/UCSDMedicalCenter" aria-label="UC San Diego Health Youtube page, opens in a new window or tab" target="_blank"> <i class="fab fa-youtube-square"></i> </a> </li> <li> <a title="fab fa-twitter-square" href="https://x.com/UCSDHealth" aria-label="fab fa-twitter-square" target="_blank"> <i class="fab fa-twitter-square"></i> </a> </li> </ul> <div style="order: 3; margin-left: auto; padding: 1rem 0" id="mobiletranslate"> <label class="sLangtoPairTo-label" for="sLangtoPairTo">Translate page to:</label> <select id="sLangtoPairTo" onchange="GTUrlTranslate(this)"> <option value="0">Select a Language</option> <option value="es">Spanish</option> <option value="zh-CN">Chinese</option> <option value="zh-TW">Chinese (Traditional)</option> <option value="tl">Tagalog</option> <option value="vi">Vietnamese</option> <option value="ko">Korean</option> <option value="fa">Farsi/Persian</option> <option value="hy">Armenian </option> <option value="ru">Russian</option> <option value="ar">Arabic</option> <option value="km">Khmer/Cambodian</option> <option value="hmn">Hmong</option> <option value="lo">Laotian</option> <option value="cs">Czech</option> <option value="pt">Portuguese</option> <option value="de">German</option> <option value="fr">French</option> <option value="ja">Japanese</option> <option value="it">Italian</option> <option value="nl">Dutch</option> </select> </div> </div> <div class="footer__legal"> <a title="Policies and Notices" aria-label="Policies and Notices" href="/policies-notices/" target=""> Policies and Notices </a> <a title="Privacy Policy" aria-label="Privacy Policy" href="/policies-notices/privacy/" target=""> Privacy Policy </a> <a title="Accessibility Statement" aria-label="Accessibility Statement" href="/policies-notices/accessibility/" target=""> Accessibility Statement </a> <a title="Legal Notices" aria-label="Legal Notices" href="/policies-notices/legal/" target=""> Legal Notices </a> <a title="Language Assistance" aria-label="Language Assistance" href="/patients/interpreter-language/" target="_blank"> Language Assistance </a> <a title="UC San Diego" aria-label="UC San Diego" href="https://ucsd.edu/" target=""> UC San Diego </a> <a title="UC San Diego School of Medicine" aria-label="UC San Diego School of Medicine" href="https://medschool.ucsd.edu/Pages/default.aspx" target="_blank"> UC San Diego School of Medicine </a> </div> </footer> <script src="/dist/js/scripts/utils/index.js" type="text/javascript"></script> <script src="/dist/js/react-libs.js"></script> <script> document.addEventListener("readystatechange", () => { if (document.readyState === "interactive") { window.ucsdh['heroCarouselItems_da437205-48d4-4256-bbb5-4ef6cf4690ed'] = { disableAnimation: true, cards: [{"title":null,"description":"","ctaLabel":"Open Enrollment Page","ctaUrl":"/about-us/quality-safety/awards-achievements/us-news-rankings/","ctaTarget":null,"imageUrl":"/globalassets/homepage/usnwr-2025-01-homepage-hero.jpg?width=1826\u0026height=980\u0026rsampler=bicubic\u0026compand=true","imageAlt":null}], }; } }); </script><script> document.addEventListener("readystatechange", () => { if (document.readyState === "interactive") { window.ucsdh['infocards_498426a9-40a9-4b00-a2d7-436de0b1a00b'] = { disableAnimation: true, cards: [{"url":"/care/cancer/","eyebrow":"","title":"Cancer Care","description":"We understand that no two cancer cases are alike. That\u0027s why we offer personalized care for all kinds of cancer, including the most rare and complex cases. Moores Cancer Center is San Diego\u0027s only NCI-designated Comprehensive Cancer Center.","ctaLabel":"Cancer Care","target":""},{"url":"/care/heart-vascular/","eyebrow":"","title":"Heart Care","description":"We offer world-class care for the full spectrum of cardiac conditions. We\u0027re with you all along your journey, including prevention, diagnosis, surgery or rehabilitation. Our specialists are leaders in the field who have developed life-saving surgical techniques.","ctaLabel":"Heart Care","target":""},{"url":"/care/orthopedics/","eyebrow":"","title":"Orthopedics","description":"Our orthopedic specialists can help you start moving well without pain. We treat joint, muscle and bone injuries and conditions, including hip and knee replacements. We are proud to be the team doctors for the San Diego Padres and other local sports organizations.","ctaLabel":"Orthopedics","target":""},{"url":"/care/gynecology/","eyebrow":"","title":"Gynecology","description":"We specialize in women\u0027s health needs. Our team of OB/GYNs, midwives and fertility specialists provides care at every stage of life. Trust us for well woman care, pregnancy and childbirth, menopause care, and common or complex gynecological conditions.","ctaLabel":"Gynecology","target":""}], cardSize:"large", }; } }); </script> <script src="/dist/js/Features/Blocks/FooterBlock/Footer.js"></script><script src="/dist/js/Features/Blocks/ImageCarouselBlock/react/index.js"></script><script src="/dist/js/Features/Blocks/InfoCardsBlock/react/index.js"></script><script src="/dist/js/Features/Blocks/TopNavBlock/TopNav.js"></script><script src="/dist/js/Features/Blocks/TopNavBlock/SearchBar.js"></script> <script> /** Catch-all IMG ALT Tag Script **/ $(document).ready(function () { $('img:not([alt])').attr('alt', 'decorative image'); }); </script> </body> </html>