googleDirections plugin Tutorial 05: Display Directions on the Left

This is part 5 of a series of tutorial for the googleDirections plugin.

1. By default, the Google Map is displayed on the left and the routing directions on the right.
2. If you prefer to display the map on the right and the directions on the left, you can use the keyword map_on_right=1

Directions on Left or Right

1. Directions on Right

By default, the direction is displayed on the right.

{googleDir width=360 height=360 dir_width=275 
from="333 Post St, San Francisco, CA 94108" 
to="900 N Point St, San Francisco, CA 94109"}

Powered by JoomlaGadgets
2. Directions on Left

{googleDir width=360 height=360 dir_width=275 map_on_right=1 
from="333 Post St, San Francisco, CA 94108" 
to="900 N Point St, San Francisco, CA 94109"}

Powered by JoomlaGadgets

Tutorials for the googleMaps plugin

• googleMaps plugin Tutorial 01: Getting Started
• googleMaps plugin Tutorial 02: Zoom Level
• googleMaps plugin Tutorial 03: Language
• googleMaps plugin Tutorial 04: Map Type
• googleMaps plugin Tutorial 05: KML Files

Tutorials for the googleDirections plugin

• googleDirections plugin Tutorial 01: Getting Started
• googleDirections plugin Tutorial 02: Specifying Stopover Points
• googleDirections plugin Tutorial 03: Travel Modes
• googleDirections plugin Tutorial 04: Unit Systems - miles or km
• googleDirections plugin Tutorial 05: Display Directions on the Left
• googleDirections plugin Tutorial 06: Display Directions below the Map
• googleDirections plugin Tutorial 07: Display Directions in your Local Language
• googleDirections plugin Tutorial 08: Specifying Stopover Points

Tutorials for the googleDirections_to_here plugin

• googleDirections - To Here - plugin Tutorial 01: Getting Started
• googleDirections - To Here - plugin Tutorial 02: Adding Label to Home Address
• googleDirections - To Here - plugin Tutorial 03: Travel Modes
• googleDirections - To Here - plugin Tutorial 04: Unit Systems - miles or km
• googleDirections - To Here - plugin Tutorial 05: Display Directions on the Left
• googleDirections - To Here - plugin Tutorial 06: Display Directions below the Map
• googleDirections - To Here - plugin Tutorial 07: Display Directions in your Local Language
• googleDirections - To Here - plugin Tutorial 08: Specifying Stopover Points