googleDirections - To Here - plugin Tutorial 01: Getting Started

This is part 1 of a series of tutorial for the googleDirections - To Here - plugin.

Using the googleDirections plugin is as easy as 1-2-3:

  1. Specify your Home Address - i.e. the end point, or where you want your customer to go to. This can be real address or in latitude/longitude.
  2. Specify the width, height and dir_width. This sets the size of your map (width and height), and also the width of the directions (dir_width).

Different ways of specifying Start and End points

  1. You can specify the start and end point using real address
    • Enclose from and to in double quotes (")
    • Enter the full address in one line. If you're not in US, specify your country too.

    {googleDir_tohere width=320 height=360 dir_width=275
    home_addr="1600 Amphitheatre Parkway, Mountain View CA 94043"}
    

    Coming from:

  2. You can specify the start and end point using latitude / longitude
    • This method allows you to pinpoint very accurately to the exact start and end points that you want, especially when Google cannot decode your address correctly.
    • If you need to know the latitude and longitude of the start or end point, you can find out here: Free Geocoder v2.0 by kksou.
    • Enclose the latitude/longitude in double quotes (")
    {googleDir_tohere width=300 height=360 dir_width=275
    home_addr="37.4211444, -122.0853032"}
    

    Coming from:

Width and Height of the Map and Directions

  • Note that for Google Map with directions, you cannot specify the width and height in percentages. All dimensions are in px.
  • Please make sure you set all the 3 dimensions: width, height and dir_width, otherwise no map or direction will appear on your page.

Zoom Level

You do not need to specify any zoom level.

The default zoom level of the map is automatically set by Google such that the start point and end point are being displayed optimally on the map.

Tutorials for the googleMaps plugin

Tutorials for the googleDirections plugin

Tutorials for the googleDirections_to_here plugin

Comments   

+1 # Sigmund 2012-06-05 11:06
Hey mate,
firstly thanks for the pluggin

I am using the googleDirection -to Here and i want to add a 3 mile radius around a point on the map.
I also want the website to display a message if the customers post code is outside the 3 mile radius zone.

Any help will be appreciated

thanks
Sigmund
Reply | Reply with quote | Quote
0 # Hope Kiah 2012-11-12 12:21
Hi, THis is a Joomla 2.5.8 site. I've used the tohere plugin extensively with no problem before. We are using this code:
{googleDir_tohere width=320 height=360 dir_width=275 home_addr="856 St. Michael's Drive, Santa Fe NM 87505"}
Any idea why the map is blank?
Reply | Reply with quote | Quote
+1 # Christian Sosa 2013-08-23 09:27
working in joomla 3? :sad:
Reply | Reply with quote | Quote
+1 # kksou 2013-08-23 20:42
Yes!

Regards,
/kksou
Reply | Reply with quote | Quote
+2 # rene summers 2018-10-02 23:35
just installed and the 'easy' does not seem so. Joomla 3.8.x, install = successful, enabled = successful, article created with the tag's in the quotes as documented. Map will not display. All I get is the code on the page as if it was an article. Things to check would be greatly appreciated.
Reply | Reply with quote | Quote
-1 # kksou 2018-10-04 14:48
Hi Rene,

Would you mind share your URL so that I can do a view source to get more clues as to what might be the problem.

If you said you have enabled the plugin and you see tag displayed, it means that the tag has not been processed at all. It could most likely be conflicts with other plugins or modules. Joomla is a very loose framework. Conflicts are quite common in Joomla.

By the way, can you please also take a look at the following article: Ordering of Joomla plugins

Try to change the order of the plugin to be the first one or the last one. Sometimes it solves the problem.

Also, go to the plugin manager and make sure that you have, enabled all the 3 plugins - googleMaps, googleDirections and googleDirections_tohere plugins. All 3 need to be installed and enabled for this to work. The downloaded package will install all 3 plugins, but you must make sure that you enable all 3 plugins.

Warm Regards,
/kksou
Reply | Reply with quote | Quote

Add comment


Security code
Refresh