QuickMap

<!DOCTYPE html>       <html class="no-js" lang="en">  <head> <meta charset="utf-8">  <title>QuickMap</title> <meta name="Author" content="State of California, Caltrans" /> <meta name="Description" content="Department of Transportation" /> <meta name="Keywords" content="California, government, Caltrans, DOT, Department of Transportation, Roads, roads, Bridges, bridges, Transportation, transportation, Roadwork, roadwork, workzones, road construction, Amtrak, QuickMap, Roadside Rest Areas, roadside rest areas, MileMarker, Transportation Permits, Encroachment Permits, Truck Access, Traffic Operations, Advertised Highway Projects, Plans, Traffic Cameras, Planned Lane Closures, Bicycle Transportation, Bicycle Program, California Photos, Chain Controls" /> <meta property="og:image" content="//quickmap.dot.ca.gov/QM/img/mobile-icon.jpg" />    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  <meta name="HandheldFriendly" content="True">  <meta name="MobileOptimized" content="320">  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">  <link rel="stylesheet" href="css/cagov.core.css?v=4">  <link rel="stylesheet" href="/css/colorscheme-oceanside.css">  <link rel="stylesheet" href="css/custom.css?v2">    <script src="/js/libs/modernizr-2.0.6.min.js"></script>  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> <script> //Fall back to local copy if no jquery found if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/js/libs/jquery-1.11.1.min.js' type='text/javascript'%3E%3C/script%3E")); } </script>  <link rel="apple-touch-icon" sizes="144x144" href="/images/template2014/apple-touch-icon-144x144.png">  <link rel="apple-touch-icon" sizes="114x114" href="/images/template2014/apple-touch-icon-114x114.png">  <link rel="apple-touch-icon" sizes="72x72" href="/images/template2014/apple-touch-icon-72x72.png">  <link rel="apple-touch-icon" href="/images/template2014/apple-touch-icon-57x57.png">  <link rel="shortcut icon" href="/images/template2014/apple-touch-icon-57x57.png">  <link rel="shortcut icon" href="/favicon.ico">        <script async src="https://www.googletagmanager.com/gtag/js?id=G-77921BS1SZ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-77921BS1SZ'); // quickmap tracker gtag('config', 'UA-3419582-2'); //state tracker gtag('config', 'UA-21431721-9'); //dot tracker </script>   <style> /* Icon when the collapsible content is shown */ .btn:after { font-family: "CaGov"; content: "\e66b"; float: right; margin-left: -11px; margin-right: -29px; } /* Icon when the collapsible content is hidden */ .btn.collapsed:after { content: "\e66a"; } .panel-group .btn { float: none; display: inline-block; } .btn { padding-right: 34px; padding-top: 1px; padding-bottom: 1px; } .first-region-list { margin-bottom: 0px; } .first-region-list li { margin-bottom: 0px; padding: 0 0 12px 18px !important; } .interior-region-list { margin-top: 0px; margin-bottom: 0px; } .collapse-heading { margin-top:-8px; margin-bottom:-8px; margin-left:-15px; margin-right:-15px; padding-left:15px; padding-top:6px; padding-bottom:6px; background-color: #036; } .qmquarter { position:relative; min-height:1px; min-width: 284px; padding-left:15px; padding-right:15px } @media (min-width:768px){ .qmquarter { float:left; width:50% } } @media (min-width:1280px){ .qmquarter{ float:left; width:25% } } .qmquarter .panel .panel-heading .options .btn { padding-right: 34px; } .btn-waze-layers { border: none; background-color: transparent; margin-top: -1px; margin-bottom: -1px; } .btn-other-states { border: none; } .waze-option-icon { height: 26px; margin-top: -3px; margin-bottom: -3px; } .btn + .collapsed { margin-left: -4px; } .panel-group { overflow-x: visible !important; overflow-y: visible !important; } .form-group { margin-bottom:8px; } .legendMarker { width: 20px; height: 20px; vertical-align: middle; } .global-header { background: white !important; border-top: 5px solid #39668f; border-bottom: 5px solid #39668f; } body, html { height: 100%; width: 100%; } #region_list { cursor: pointer; } .mapWithControls.fullscreen{ z-index: 9998; width: 100%; height: 100%; margin: 0 0 0 0; position: fixed; top: 0; left: 0; background: linear-gradient(to right, #32608a 0, #a6c6df 50%, #32608a 100%); } button#fullscreenButton{ background-image: url("QM/imagesquickmap/Actions-fullscreen-24.png"); width: 30px; height: 30px; position: absolute; right: 0; top: 0; z-index: 9999; } button#fullscreenButton.fullscreen{ background-image: url("QM/imagesquickmap/Actions-nofullscreen-24.png"); } #region_list.list-overstated li, #region_list.list-understated li { padding: 0 0 12px 18px !important; } #region_list.list-overstated { margin-top: 0; } html.wait, html.wait * { cursor: wait !important; } .accordion-group .panel-group { margin-bottom: 10px; } .accordion-group .panel-body { padding: 5px; } .accordion-wrapper { width: 100%; padding-top: 5px; padding-right: 3px; padding-left: 3px; } .accordion-wrapper .panel-heading a { text-decoration: none; outline: 0; display: block; } .panel-heading .accordion-toggle:after { font-family: "CaGov"; content: "\e66b"; float: right; color: grey; } .panel-heading .accordion-toggle.collapsed:after { content: "\e66a"; } .mapWithControls [class^="list-"] { margin: 0 0; } .t0_align, .tl_align, .t13_align, .t14_align { justify-content: center; /*align-content: center;*/ display: grid; } .tl_container { padding-top: 5px; padding-left: 5px; display: grid; background: #eef3f7; grid-template-columns: 0.06fr 1fr; grid-template-rows: 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr 0.7fr; gap: 10px 5px; grid-auto-flow: row; align-items: start; grid-template-areas: "t0_cbox0 t0_item0" "t1_cbox13 t1_item13" "t1_cbox14 t1_item14" "tl_cbox1 tl_item1" "tl_cbox2 tl_item2" "tl_cbox3 tl_item3" "tl_cbox4 tl_item4" "tl_cbox5 tl_item5" "tl_cbox6 tl_item6" "tl_cbox11 tl_item11" "tl_cbox12 tl_item12"; } .tl_container img { vertical-align: sub !important; } .t0_cbox0 { grid-area: t0_cbox0; } .t1_cbox13 { grid-area: t1_cbox13; } .t1_cbox14 { grid-area: t1_cbox14; } .tl_cbox1 { grid-area: tl_cbox1; } .tl_cbox2 { grid-area: tl_cbox2; } .tl_cbox3 { grid-area: tl_cbox3; } .tl_cbox4 { grid-area: tl_cbox4; } .tl_cbox5 { grid-area: tl_cbox5; } .tl_cbox11 { grid-area: tl_cbox11; } .t0_item0 { grid-area: t0_item0; } .t1_item13 { grid-area: t1_item13; } .tl4_item14 { grid-area: tl4_item14; } .tl_item1 { grid-area: tl_item1; } .tl_item2 { grid-area: tl_item2; } .tl_item3 { grid-area: tl_item3; } .tl_item4 { grid-area: tl_item4; } .tl_item5 { grid-area: tl_item5; } .tl_item6 { grid-area: tl_item6; } .tl_item11 { grid-area: tl_item11; } .tl_item12 { grid-area: tl_item12; } .tl_item1 { margin-bottom: 0px !important; } .tl_item12 { font-size: small; font-weight: bold; width: 95%; padding-bottom: 10px; padding-top: 10px; } </style> <script type="text/javascript"> $(document).ready(function () { if ($.cookie('fs') === 'fullscreen') { $('#fullscreenButton').addClass('fullscreen'); $('.mapWithControls').addClass('fullscreen'); $('#fullscreenButton.fullscreen').attr("title", "return from full window map"); } $('button#fullscreenButton').click(function (e) { $('#fullscreenButton').toggleClass('fullscreen'); $('.mapWithControls').toggleClass('fullscreen'); $('#fullscreenButton.fullscreen').attr("title", "return from full window map"); $('#fullscreenButton').not('.fullscreen').attr('title', 'full window map'); google.maps.event.trigger(gmap, 'resize'); }); }); </script> </head> <body> <header role="banner" id="header" class="global-header"> <div id="skip-to-content"><a href="#main-content">Skip to Main Content</a></div>   <div class="branding"> <div class="header-cagov-logo"> <a href="http://dot.ca.gov"><img src="./images/caltranslogo.png" alt="Caltrans Logo"></a> </div> </div>   <div class="mobile-controls"> <span class="mobile-control cagov-logo"><span class="ca-gov-icon-logo" aria-hidden="false"></span></span> <span class="mobile-control toggle-menu"><span class="ca-gov-icon-menu" aria-hidden="true"></span><span class="sr-only">Menu</span></span> <span class="mobile-control-group mobile-header-icons">   </span> <span class="mobile-control toggle-search"><span class="ca-gov-icon-search" aria-hidden="true"></span><span class="sr-only">Search</span></span> <span class="mobile-control-group mobile-menu-icons">  </span> </div>   <div class="header-decoration"></div> </header> <div id="main-content" class="main-content"> <div class="wrapper"> <main role="main" class="main-primary">  <div style="margin: 19.43px 0; margin-bottom: 100px;"> <h1 style="display:inline"><span class="ca-gov-icon-ca-state"></span> <img src="QM/imagesquickmap/logo-quickmap-transp-220x49.png" alt="Caltrans QuickMap - Traveler Information Map"></h1> <div class="options pull-right"> <a href="QM/app.htm" class="btn btn-success btn-xs" role="button">QuickMap Mobile</a>  <a href="trafficMapFaq.html" class="btn btn-info btn-xs" role="button">QuickMap FAQ</a> </div> </div>   <div id="travel-alert-container" style="position: relative; top:-85px; margin-bottom:-85px;"></div>  <div class="mapWithControls">  <div class="panel-group"> <div id="legend"> <div class="group accordion-group"> <div class="qmquarter"> <div class="panel panel-standout"> <div class="panel-heading"> <h2 class="panel-title"> <img src="QM/imagesquickmap/logo-quickmap-transp-stroke-110x25.svg" width="110" height="25" alt="Caltrans QuickMap logo for options"/>  </h2> <div class="options"> <button type="button" class="btn btn-sm btn-info collapsed" data-toggle="collapse" data-target="#collapse1">Options</button> </div> </div> <div id="collapse1" class="panel-collapse collapse"> <div class="panel-body"> <div class="col-sm-3 col-md-3 accordion-wrapper"> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 style="width:100%;" class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" href="#a1" title="Layers providing information about fixed geographic locations">Facilities</a> </h4> </div> <div id="a1" class="panel-collapse collapse"> <div class="panel-body"> <div class="form-group"> <input id="cms" type="checkbox" title="Toggle show or hide Changeable Message Signs" class="layer"/> <label for="cms" title="Toggle show or hide Changeable Message Signs"><img alt="Message Sign Logo" src="QM/img/cms20x20.gif" class="legendMarker"/> Message Signs</label> </div> <div class="form-group"> <input id="cctv" type="checkbox" title="Toggle show or hide CCTV Cameras" class="layer"/> <label for="cctv" title="Toggle show or hide CCTV Cameras"><img alt="Camera Logo" src="QM/img/cctv20x20.gif" class="legendMarker"/> Cameras</label> </div> <div class="form-group"> <input id="srra" type="checkbox" title="Toggle show or hide roadside rest areas" class="layer"/> <label for="srra" title="Toggle show or hide roadside rest areas"><img alt="Rest Area Logo" src="QM/img/srra_open.png?v=1" class="legendMarker"/> Rest Areas</label> </div> <div class="form-group" style="display:none;"> <input id="srrapending" type="checkbox" title="Toggle show or hide pending SRRA closures" class="layer"/> <label for="srrapending" title="Toggle show or hide pending SRRA closures"><img style="width:31px !important; height: 18px !important;" alt="Pending SRRA" src="QM/img/pending_srra_closure.png" class="legendMarker"/> </label> </div> <div class="form-group"> <input id="mobility_hub" type="checkbox" title="Toggle show or hide Park & Ride Lot" class="layer"/> <label for="mobility_hub" title="Toggle show or hide Park & Ride Lots"><img style="width:29px !important; height: 23px !important;" alt="Park & Ride Logo" src="QM/img/mobility_hub_open.png?v=1" class="legendMarker"/> Park & Ride Lots</label> </div> <div class="form-group" style="display:none;"> <input id="mobility_hub_pending" type="checkbox" title="Toggle show or hide pending Park & Ride Lot closures" class="layer"/> <label for="mobility_hub_pending" title="Toggle show or hide pending Park & Ride Lot closures"><img style="width:31px !important; height: 18px !important;" alt="Pending Park & Ride Lot" src="QM/img/mobility_hub_pending.png" class="legendMarker"/> </label> </div> <div class="form-group"> <input id="ca_counties" type="checkbox" title="Toggle show or hide County Boundaries" class="layer"/> <label for="ca_counties" title="Toggle show or hide County Boundaries"><img alt="County Boundaries Logo" src="QM/img/borders.png" class="legendMarker"> <strong> County Boundaries</strong></label> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 style="width:100%;" class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" href="#a2" title="Layers providing information about temporary events occurring at variable geographic locations">Road Conditions</a> </h4> </div> <div id="a2" class="panel-collapse collapse"> <div class="panel-body"> <div class="form-group"> <input id="traffic" type="checkbox" title="Toggle show or hide Traffic Layer" checked="checked"/> <label for="traffic" title="Toggle show or hide Traffic Layer"> Fast <img alt="Traffic Scale" src="QM/img/traffic_scale.png"/> Slow</label> </div> <div class="form-group"> <input id="lcs" type="checkbox" title="Toggle show or hide Lane Closures" class="layer"/> <label for="lcs" title="Toggle show or hide Lane Closures"><img alt="Traffic Cone" src="QM/img/lcs.gif"/> Lane Closures</label> </div> <div class="form-group" style="display:none;"> <input id="lcspending" type="checkbox" title="Toggle show or hide pending LCS closures" class="layer"/> <label for="lcspending" title="Toggle show or hide pending LCS closures"><img style="width:31px !important; height: 18px !important;" alt="Pending LCS" src="QM/img/pending-full-closure-32x32.png" class="legendMarker"/> </label> </div> <div class="form-group"> <input id="fullClosure" class="pseudoLayer" title="Toggle show or hide Full Closures" type="checkbox"/> <label for="fullClosure" title="Toggle show or hide Full Closures"><img alt="Full Closure Sign" src="QM/img/full-closure-20x20.gif" class="legendMarker"> <strong> Full Closures</strong></label> </div> <div class="form-group"> <input id="chp" type="checkbox" title="Toggle show or hide CHP Incidents" class="layer"/> <label for="chp" title="Toggle show or hide CHP Incidents"><img alt="CHP Incident Warning Sign" src="QM/img/chp-large.gif" class="legendMarker"/> CHP Incidents</label> </div> <div class="form-group"> <input id="chin" type="checkbox" title="Toggle show or hide Highway Information messages" class="layer"/> <label for="chin" title="Toggle show or hide Highway Information messages"><img alt="CHIN Message Warning Sign" src="QM/img/chin-large.gif" class="legendMarker"/> Highway Information</label> </div> <div class="form-group"> <input id="cc" type="checkbox" title="Toggle show or hide Chain Controls" class="layer"/> <label for="cc" title="Toggle show or hide Chain Controls"><img alt="Tire Chains" src="QM/img/cc22x22.gif" class="legendMarker"/> Chain Controls</label> </div> <div class="form-group"> <input id="snow_plow" type="checkbox" title="Toggle show or hide Snow Plows" class="layer"/> <label for="snow_plow" title="Toggle show or hide Snow Plows"><img style="width:31px !important; height: 18px !important;" alt="Snow Plows" src="QM/img/snowplow/snow_plow_90.png" class="legendMarker"/> Snow Plows</label> </div> <div class="form-group" style="display:none;"> <input id="gi" type="checkbox" title="Toggle show or hide GI Closures" class="layer"/> <label for="gi" title="Toggle show or hide GI Closures"><img style="width:31px !important; height: 18px !important;" alt="GI Closures" src="QM/img/full-closure-20x20.gif" class="legendMarker"/> </label> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 style="width:100%;" class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" href="#a4" title="Commercial Vehicles">Commercial Vehicles</a> </h4> </div> <div id="a4" class="panel-collapse collapse"> <div class="tl_container"> <div class="t0_cbox0 t0_align"><input id="truck_cvef" type="checkbox" title="Toggle show or hide Truck Weigh Stations" class="layer truck-layer"/></div>  <div class="t0_item0"> <label for="truck_cvef" title="Toggle show or hide Truck Weigh Stations"><img style="width:auto !important; height:auto !important;" alt="Truck Weigh Station" src="QM/img/truck_cvef.png?v=3" class="legendMarker"/> Truck Weigh Stations</label> </div> <div class="t13_cbox0 t13_align"><input id="truck_escape_ramps" type="checkbox" title="Toggle show or hide Truck Escape Ramps" class="layer truck-layer"/></div> <div class="t1_item13"> <label for="truck_cvef" title="Toggle show or hide Truck Escape Ramps"><img style="width:auto !important; height:auto !important;" alt="Truck Escape Ramps" src="QM/img/truck_escape_ramp.png?v=2" class="legendMarker"/> Truck Escape Ramps</label> </div> <div class="t1_cbox14 t14_align"><input id="truck_ta_sa_ramps" type="checkbox" title="Toggle show or hide STAA Truck TA/SA Ramps" class="layer truck-layer"/></div> <div class="t1_item14"> <label for="truck_ta_sa_ramps" title="Toggle show or hide STAA Truck TA/SA Ramps"><img style="width:auto !important; height:auto !important;" alt="STAA Truck TA/SA Ramps" src="QM/img/truck_ramp_tasa.png?v=1" class="legendMarker"/> STAA Truck TA/SA Ramps</label> <br><label title="TA/SA Ramp Direction"><img alt="TA/SA Ramp Direction" src="QM/img/truck_ramp_tasa_direction.png?v=1"> TA/SA Direction on Local Street</label> </div> <div class="form-group" style="display:none;"> <input id="truck_ta_sa_ramp_directions" type="checkbox" title="Toggle show or hide Truck TA/SA Direction on Local Street" class="layer"/> <label for="truck_ta_sa_ramp_directions" title="Toggle show or hide Truck TA/SA Direction on Local Street"><img style="width:31px !important; height: 18px !important;" alt="TA/SA Ramp Directions" src="QM/img/truck_ramp_tasa.png?v=1" class="legendMarker"/> </label> </div> <div class="tl_cbox1 tl_align"><input id="truck_ctn" type="checkbox" title="Toggle show or hide California Truck Networks" class="layer truck-layer" /></div>  <div class="tl_item1"> <label for="truck_ctn" title="Toggle show or hide California Truck Networks">California Truck Networks</label> <div style="/* margin-left: 27px; */color: darkred;font-size: small;margin-bottom: 5px;">Click route on map to see Truck Map Legend link.</div> </div> <div class="tl_item2"><label title="National Network Routes (STAA)"><img alt="Truck Routes Logo" src="QM/img/truck_route_nn.png"> National Network Route (STAA)</label></div> <div class="tl_item3"><label title="Terminal Access Route (STAA)"><img alt="Truck Routes Logo" src="QM/img/truck_route_ta.png"> Terminal Access Route (STAA)</label></div> <div class="tl_item4"><label title="California Legal Route" class="layer"><img alt="Truck Routes Logo" src="QM/img/truck_route_cl.png"> California Legal Route</label></div> <div class="tl_item5"><label title="KPRA Advisory (Only Ca Legal allowed)"><img alt="Truck Routes Logo" src="QM/img/truck_route_kpra.png"> California Legal Advisory Route</label></div> <div class="tl_item6"> <label title="Special Restriction"><img alt="Truck Routes Logo" src="QM/img/truck_route_sr.png"> Special Restriction</label> <br><div style="margin-left: 27px;color: darkred;font-size: small;">Click route on map to see whether restriction applies.</div> </div> <div class="tl_item11"><label title="Special Warning"><img alt="Truck Routes Logo" src="QM/img/truck_warning.png?v=3"> Special Warning</label></div> <div class="tl_item12">Note: The lines displayed in the Truck Route Network indicate the truck route designations and do not represent the true highway alignments. The QuickMap app is a real-time traffic information resource that provides information about road conditions on the State highway system; it is not intended to be used as a navigation app.</div> </div> <div class="form-group" style="display:none;"> <input id="truck_ctn_warning" type="checkbox" title="Toggle show or hide California Truck Network Warnings" class="layer"/> <label for="truck_ctn_warning" title="Toggle show or hide California Truck Network Warnings"><img style="width:31px !important; height: 18px !important;" alt="Pending California Truck Network Warnings" src="QM/img/truck_warning.png" class="legendMarker"/> </label> </div> </div> </div>  </div> </div> </div> </div> </div> </div> <div class="qmquarter"> <div class="panel panel-standout"> <div class="panel-heading"> <h2 class="panel-title"> <img src="QM/imagesquickmap/logo-quickmap-transp-stroke-110x25.svg" alt="Caltrans QuickMap logo for zoom to" width="110" height="25" />  </h2> <div class="options"> <button type="button" class="btn btn-sm btn-danger collapsed" data-toggle="collapse" data-target="#collapse2">Zoom to...</button> </div> </div> <div id="collapse2" class="panel-collapse collapse"> <div class="panel-body" style="height:fit-content;"> <ul id="region_list" class="list-overstated"> <li><a data-llz="40.58;-122.39;11">Redding</a></li> <li><a data-llz="38.52;-121.50;11">Sacramento</a></li> <li><a data-llz="38.99;-120.28;11">Tahoe</a></li> <li><a data-llz="37.77;-122.43;11">San Francisco</a></li> <li><a data-llz="37.98;-121.30;11">Stockton</a></li> <li><a data-llz="36.75;-119.77;11">Fresno</a></li> <li><a data-llz="35.28;-120.65;11">San Luis Obispo</a></li> <li><a data-llz="34.04;-118.25;11">Los Angeles</a></li> <li><a data-llz="34.06;-117.41;11">San Bernardino</a></li> <li><a data-llz="32.71;-117.16;11">San Diego</a></li> </ul> </div> </div> </div> </div> <div class="qmquarter"> <div class="panel panel-standout"> <div class="panel-heading"> <h2 class="panel-title"> <img src="QM/imagesquickmap/logo-quickmap-transp-stroke-110x25.svg" alt="Caltrans QuickMap logo for links" width="110" height="25" />  </h2> <div class="options"> <button type="button" class="btn btn-sm btn-warning collapsed" data-toggle="collapse" data-target="#collapse3">Links</button> </div> </div> <div id="collapse3" class="panel-collapse collapse"> <div class="panel-body" style="height:fit-content;"> <ul class="list-overstated"> <li><a href="QM/app.htm">QuickMap Mobile</a></li> <li><a href="trafficMapFaq.html">QuickMap FAQ</a></li> <li><a href="http://lcswebreports.dot.ca.gov/">Planned Lane Closures</a></li> <li><a href="borderwait.html">Autos Southbound Border Wait Times</a></li> </ul> <form action="https://roads.dot.ca.gov" method="post"> <label for="roadnumber"><em>To check conditions, enter highway #</em></label> <div style="inline"> <input name="roadnumber" id="roadnumber" type="text" size="3" /> <input type="submit" value="check" name="submit" /> </div> </form> <em>Or call: <span class="red">1-800.427.7623</span></em> </div> </div> </div> </div> <div class="qmquarter"> <div class="panel panel-standout"> <div class="panel-heading"> <h2 class="panel-title"> <img src="QM/imagesquickmap/logo-511-67x25.png" alt="Caltrans QuickMap logo for regional sites" width="67" height="25" />  </h2> <div class="options"> <button type="button" class="btn btn-sm btn-success collapsed" data-toggle="collapse" data-target="#collapse4">Regional Sites</button> </div> </div> <div id="collapse4" class="panel-collapse collapse"> <div class="panel-body" style="height:fit-content;"> <ul class="list-overstated first-region-list"> <li><a href="http://sacregion511.org/">Sacramento</a></li> <li><a href="http://511.org/">SF Bay Area</a></li> <li><a href="http://cruz511.org/">Santa Cruz</a></li> <li><a href="http://rideshare.org/">San Luis Obispo</a></li>  <li><a href="http://go511.com/">Los Angeles/Orange County</a></li> <li><a href="http://ie511.org/">Riverside/San Bernardino</a></li> <li style="padding-bottom:5px;"><a href="http://511sd.com/">San Diego</a></li> </ul> <div style="font-weight: bold; width:100%; border-bottom:1px dotted; padding-bottom:5px;">Other States</div> <ul class="list-overstated first-region-list"> <li><a href="http://www.az511.gov/traffic/">Arizona</a></li> <li><a href="http://www.nvroads.com/">Nevada</a></li> <li><a href="http://www.tripcheck.com/Pages/RCmap.asp?curRegion=0&mainNav=RoadConditions">Oregon</a></li> </ul> </div> </div> </div> </div> </div> </div> </div>    <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" property='stylesheet'/>   <link rel="stylesheet" type="text/css" href="border_wait/css/borderwait.css?v=3" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script type="text/javascript" src="QM/scripts/jquery.exts.js?v=71"></script> <script type="text/javascript" src="QM/scripts/ca511.js?v=452"></script> <script defer src="https://alert.cdt.ca.gov" crossorigin="anonymous"></script> <noscript> <p>Your browser does not support Javascript, which is needed by this site to display properly.</p> <p>If Javascript is disabled, you will need to enable it.</p> <p>If your browser cannot run Javascript, you will need to upgrade your browser version.</p> </noscript> <div style="position: relative;"> <div id="map_canvas" style=" margin-left: auto; margin-right: auto" aria-label="Caltrans QuickMap provides real time road condition information that includes congestion status, closures, chain controls, incident information and snow plow locations. QuickMap also provides links to roadside camera images, changeable message sign contents, rest area locations and links to 8 regional 511/traveler information websites as well as adjoining states."></div>  <button id="fullscreenButton" title="full window map"></button> </div> <div id="dialog"></div> </div>  <br />  <div style="clear:both"><br></div> </main> </div> <div style="text-align:center; margin-top: 20px;">This application is being updated for digital accessibility and will continue to function while updates are in progress.</div> </div>   <footer id="footer" class="global-footer"> <ul> <li><a href="#">Back to Top</a></li> <li><a href="https://dot.ca.gov/conditions-of-use">Conditions of Use</a></li> <li><a href="https://dot.ca.gov/privacy-policy">Privacy Policy</a></li> <li><a href="https://dot.ca.gov/accessibility">Accessibility</a></li> <li><a href="https://dot.ca.gov/contact-us">Contact Us</a></li> </ul>  <div class="copyright"> Copyright © 2021 State of California </div> </footer>  <div class="decoration-last"> </div>   <script src="/js/cagov.core.js"></script> <script src="/js/search.js"></script> <script src="/js/bootstrap-transition.js"></script> <script src="/js/bootstrap-collapse.js"></script> <script src="/js/custom.js"></script> <script type="text/javascript" src="QM/scripts/bibanner.js?=198"></script> </body> </html>

CINXE.COM

QuickMap