How to Embed Google Maps Driving Directions in WordPress
A static map shows where you are. A directions map shows visitors how to get there. Quick Maps can embed a full Google Maps driving route between two places, complete with the turn-by-turn panel and travel time, using one shortcode and no API key.
Use from and to
Add a from and a to attribute with the start and end locations. Quick Maps draws the route and the directions panel automatically:
[quick-maps from="Orlando, FL" to="Miami, FL"][/quick-maps]Here is that route, rendered live:
Directions to your business
The most common use is a “how to find us” map. Set to to your address and leave from empty, or set a common starting point like the nearest airport or downtown:
[quick-maps from="Orlando International Airport" to="123 Main St, Orlando, FL"][/quick-maps]Size it to fit
Directions maps show a side panel, so they often look best a little taller. Use the height attribute to give the route room to breathe:
[quick-maps from="Boston, MA" to="New York, NY" height="500px"][/quick-maps]Want a plain location map instead? See how to add a Google Map to WordPress. To change how the map looks, read the guide to satellite, terrain, and zoom.