MapQuest.com
Business
Navigation
Getting Started
Developer Blog
Web SDKs
MapQuest.js
PlaceSearch.js
APIs
Data Manager API
Directions API
Geocoding API
Icons API
Search API
Place Search API
Search Ahead API
Static Map API
Traffic API
Legacy Products
Leaflet Plugins
Maps
Geocoding
Routing
Traffic
Open
API Reference
MQ
MQ.Geocode
MQ.routing
MQ.Routing.Directions
MQ.Routing.Ribbon
MQ.Routing.RouteLayer
MQ.TileLayer
MQ.Traffic.Flow
MQ.Traffic.Incidents
MQ.Traffic.Markets
MQ.Util
Tools
Lat/Lng Finder
Link to MapQuest
Share
Getting Started
Developer Blog
Documentation
Web SDKs
MapQuest.js
PlaceSearch.js
new
APIs
Data Manager API
Directions API
Geocoding API
Icons API
Search API
Place Search API
Search Ahead API
Static Map API
Traffic API
Legacy Products
Leaflet Plugins
Maps
Geocoding
Routing
Traffic
Open
API Reference
MQ
MQ.Geocode
MQ.routing
MQ.Routing.Directions
MQ.Routing.Ribbon
MQ.Routing.RouteLayer
MQ.TileLayer
MQ.Traffic.Flow
MQ.Traffic.Incidents
MQ.Traffic.Markets
MQ.Util
Tools
Lat/Lng Finder
Link to MapQuest
Share
Routing with Single-Line Addresses
Edit the code below and click "Try It Now" to display the result.
<html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></script> <script src="https://www.mapquestapi.com/sdk/leaflet/v2.2/mq-map.js?key=ck2OXUAJsF0iz999XGQ62jyXo8AXOVp7"></script> <script src="https://www.mapquestapi.com/sdk/leaflet/v2.2/mq-routing.js?key=ck2OXUAJsF0iz999XGQ62jyXo8AXOVp7"></script> <script type="text/javascript"> window.onload = function() { var map; var dir; map = L.map('map', { layers: MQ.mapLayer(), center: [ 38.895345, -77.030101 ], zoom: 15 }); dir = MQ.routing.directions(); dir.route({ locations: [ '1600 pennsylvania ave, washington dc', '935 pennsylvania ave, washington dc' ] }); map.addLayer(MQ.routing.routeLayer({ directions: dir, fitBounds: true })); } </script> </head> <body style='border:0; margin: 0'> <div id='map' style='width: 100%; height:530px;'></div> </body> </html>
Try It Now
Try It Nows
Maps
Basic Map
Map with Geolocation
Map with Layers
Geocoding
Use Advanced Location
Batch Geocoding
POI Popup
Popup
Custom Icons
Reverse Geocoding
Use Single-Line Addresses
Routing
Use Advanced Location
Alternate Routes
Custom Start & End Markers
Customization
Multiple Locations
Narratives
Optimized Routing
Options
Use Single-Line Addresses
Traffic
Traffic Map
Traffic with Layers
Open
Open Maps
Open Geocoding
Open Routing