Use this free Google driving directions page to plan routesestimate travel distanceand open your trip with Google Maps. Enter your starting point and destination belowthen generate a route for drivingwalkingcyclingor public transportation.
Google Maps is one of the most widely used online route planners because it combines map directionsreal-time trafficsatellite imageryStreet Viewand mobile navigation in one system. For a broader route planning experienceyou can also compare your trip with MapQuestOpenStreetMaptraffic mapsor the advanced external planner at DrivingDirections.com.
Get Google Driving Directions
Enter your route details below and choose your preferred travel mode.
<> /* Reset */ .gmaps-widget *,.gmaps-widget *::before,.gmaps-widget *::after{box-sizing:border-box} /* Root */ .gmaps-widget{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:15px;color:#1a1a1a;width:100%;line-height:1.5 } /* Grid rows */ .gmaps-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;align-items:flex-end} .gmaps-row--2>.gmaps-field{flex:1 1 calc(50% - 6px);min-width:180px} .gmaps-row--3>.gmaps-field{flex:1 1 calc(33% - 8px);min-width:150px} /* Avoidance row */ .gmaps-row--avoidance{ align-items:center;gap:16px;flex-wrap:wrap; background:#f7f9fc;border:1px solid #e0e7ef;border-radius:6px; padding:10px 14px;margin-bottom:14px } .gmaps-avoid-label{font-size:13px;font-weight:600;color:#555;white-space:nowrap} /* Fields */ .gmaps-field label:not(.gmaps-check){ display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:4px } .gmaps-field input[type="text"], .gmaps-field select{ width:100%;padding:10px 12px;border:1.5px solid #d0d0d0;border-radius:6px; font-size:15px;background:#fff;color:#1a1a1a; transition:border-color .15s,box-shadow .15s; -webkit-appearance:none;appearance:none } .gmaps-field select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 12px center;padding-right:32px } .gmaps-field input:focus, .gmaps-field select:focus{ outline:none;border-color:#4285f4;box-shadow:0 0 0 3px rgba(66,133,244,.12) } /* Checkboxes */ .gmaps-check{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer;white-space:nowrap} .gmaps-check input{width:16px;height:16px;cursor:pointer;accent-color:#4285f4} /* Honeypot */ .gmaps-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;pointer-events:none} /* Button */ .gmaps-btn{ display:inline-flex;align-items:center;gap:8px; background:#4285f4;color:#fff;border:none;border-radius:6px; padding:12px 28px;font-size:16px;font-weight:600;cursor:pointer; transition:background .15s,opacity .15s;width:100%;justify-content:center; margin-bottom:16px } .gmaps-btn:hover{background:#2a75f3} .gmaps-btn:disabled{opacity:.6;cursor:not-allowed} .gmaps-spinner{display:none;width:18px;height:18px;animation:gmaps-spin 1s linear infinite} .gmaps-btn.gmaps-loading .gmaps-spinner{display:block} .gmaps-btn.gmaps-loading .gmaps-btn-label{opacity:.7} @keyframes gmaps-spin{to{transform:rotate(360deg)}} /* Ad slots */ .gmaps-ad{margin:16px 0} /* Notice */ .gmaps-notice{ padding:12px 16px;border-radius:6px;margin-bottom:16px; background:#fff3cd;border:1px solid #ffc107;color:#664d03 } .gmaps-notice.gmaps-error{background:#f8d7da;border-color:#f5c2c7;color:#842029} .gmaps-widget .gmaps-notice[hidden]{display:none!important} /* Fallback badge */ .gmaps-fallback-badge{ display:inline-flex;align-items:center;gap:6px; background:#fff3e0;border:1px solid #ffb74d;color:#e65100; border-radius:4px;font-size:12px;padding:4px 10px;margin-bottom:12px } .gmaps-widget .gmaps-fallback-badge[hidden]{display:none!important} /* Map shell */ .gmaps-map-shell{ position:relative;width:100%; height:420px;border-radius:8px;overflow:hidden; background:#e8f0f8;margin-bottom:16px } @media(max-width:600px){.gmaps-map-shell{height:300px}} /* Fullscreen button */ .gmaps-fullscreen-btn{ position:absolute;top:8px;right:8px;z-index:10; background:rgba(255,255,255,.92);border:1px solid #ccc;border-radius:5px; padding:6px 7px;cursor:pointer;line-height:0 } .gmaps-fullscreen-btn:hover{background:#fff} .gmaps-map-shell.gmaps-fullscreen{ position:fixed!important;inset:0!important; z-index:99999!important;height:100dvh!important; border-radius:0!important;margin:0!important } /* Placeholder */ .gmaps-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center} .gmaps-embed-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:none} .gmaps-placeholder-tip{ position:relative;z-index:1; background:rgba(255,255,255,.88); border:1px solid #c5d8ea;border-radius:6px; padding:8px 14px;font-size:13px;color:#2c5f8a; max-width:320px;text-align:center;pointer-events:none } .gmaps-widget [hidden]{display:none!important} #gmaps-map{width:100%;height:100%} /* Summary */ .gmaps-summary{ background:#e8f0fe;border:1px solid #c2d4f8;border-radius:8px; padding:14px 18px;margin-bottom:16px;font-size:15px } /* Steps */ .gmaps-steps{list-:none;margin:0;padding:0} .gmaps-steps li{ display:flex;align-items:flex-start;gap:12px; padding:10px 0;border-bottom:1px solid #eee;font-size:14px } .gmaps-steps li:last-child{border-bottom:none} .gmaps-step-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center} .gmaps-step-icon svg{width:22px;height:22px} .gmaps-step-info{flex:1;display:flex;align-items:baseline;gap:10px;min-width:0} .gmaps-step-inst{flex:1;color:#1a1a1a;line-height:1.4;min-width:0} .gmaps-step-meta{white-space:nowrap;color:#666;font-size:12px;text-align:right;min-width:110px} /* Disclaimer */ .gmaps-disclaimer{font-size:12px;color:#888;margin-top:12px;border-top:1px solid #eee;padding-top:8px} /* Planner link */ .gmaps-planner-link{font-size:12px;color:#666;text-align:right;margin-top:6px;margin-bottom:0} .gmaps-planner-link a{color:#4285f4;text-decoration:none} .gmaps-planner-link a:hover{text-decoration:underline} /* Attribution */ .gmaps-attribution{font-size:11px;color:#888;margin-top:8px;text-align:right} .gmaps-attribution a{color:#888} >