Phoca Extensions
Free extensions for Joomla! CMS

Geotagging

Category: Phoca Gallery Component

There are three Geotagging functions:

  • In the Detail View, displaying the Geo Tag (marker) of where the image was taken,
  • In the GeoTagging Pane, tab next to the Rating Pane and Comments Pane
  • In the Categories View, displaying different categories (as Google Markers) on a Google Map in the frontend,

You need not to sing up for the Google Maps API Key in Phoca Gallery.

Go to Components » Phoca Gallery » Categories » [Edit | New] button » Fill in Geotagging Longitude and Geotatagging Latitude.

If you click on [Coordinates] button, the Google Map will be displayed. Click on the place you want and the coordinates (longitude and latitude) will be automatically filled. You can change the Geotagging Zoom (0 - 17). The zoom can be changed within the map too. Set Geotagging title (title which will be displayed of the selected place, in the GeoTag marker).

 

 

Displaying Google Map in the Detail View (where the user clicks on the icon link to the map, below the image)

When you have set a Google GeoTag marker for a category, go to:

Menus » e.g. Main Menu » [New | Edit] button » Phoca Gallery » Phoca Gallery Category List Layout | Phoca Gallery Category Layout » Parameters Component » Geotagging Settings :

  • Google Maps API Key - you need to add the key here again (because of the frontend view)
  • Display Geotagging Icon - the icon will be displayed below the image, if the user clicks on it, the map with the marker will be displayed in Detail View (modal box or standard javascript popup window).

 

Displaying Geotag Map in Rating/Comments/Geotagging

When you have set a Google GeoTag marker for a category, go to:

 Menus » e.g. Main Menu » [New | Edit] button » Phoca Gallery » Phoca Gallery Category List Layout » Parameters Component » Geotagging Settings :

Displaying list of categories within Google Map in Categories View

When you have set a Google GeoTag marker for a category, go to:

Menus » e.g. Main Menu » [New | Edit] button » Phoca Gallery » Phoca Gallery Category List Layout » Parameters Component » Geotagging Settings :

  • Google Maps API Key - you need to add the key here again (because of frontend view)
  • Categories - Geotagging Longitude - you can set the coordinates for the map. If not, the coordinates will be taken from the first category.
  • Categories - Geotagging Latitude - you can set the coordinates for the map. If not, the coordinates will be taken from the first category.
  • Categories - Geotagging Zoom - you can set the zoom for the map. If not, the coordinates will be taken from the first category.
  • Categories - Geotagging Width - you can set the width of the map.
  • Categories - Geotagging Height - you can set the height of the map.

 

See Demo for a live working example of each option.

 

 

 

Phoca Forum - Latest Topics