Menu

Embed Google Map

December 6th, 2013

Embed Google MapEmbed Google Map is a plugin for embedding one or more Google Maps to Joomla articles. Adding maps to an article is very simple, just add the address or the coordinates which location you want to show an a map inside google_maps tags to an article, and that’s it! It’s also possible to define the type of the map (normal, satellite, hybrid, terrain), the size of the map, the language of the Google Maps interface, zoom level, border layout and link to the full size map.

Features:
* It’s possible to embed one or more Google Maps within an article.
* The address or the coordinates which location is shown on a map is given as a parameter.
* Define the language of the Google Maps interface.
* Define the type of the map (normal, satellite, hybrid, terrain).
* Define the size of the map.
* Define the zoom level.
* Hide/show the info label.
* Define the border layout.
* Add link to the full size map.
* Define the link label.
* Support for HTTP and HTTPS.
* Multilingual features for front-end:
** Use the system language as Google Map language.
** Use translatable strings as map label, e.g. {TRANSLATABLE_STRING}.
* English, French, Italian, Japanese and Finnish language support for back-end.

Basic usage

To embed a map in an article use the following code:

{google_map}address{/google_map}
{google_map}address|zoom:10{/google_map}
{google_map}address|zoom:10|lang:it{/google_map}
{google_map}address|width:200|height:200|border:1{/google_map}
{google_map}address|width:200|height:200|link:yes|link_label:Label{/google_map}
{google_map}address|link:yes{/google_map}
{google_map}address|type:satellite{/google_map}
{google_map}address|show_info:no{/google_map}
{google_map}address|https:yes{/google_map}
*{google_map}latitude,longitude{/google_map}

* latitude,longitude = coordinates in decimal degrees

Example 1

Replace the “address” string with the address which location you want to show on the map.

{google_map}Sunset Boulevard West Hollywood{/google_map}

Example 2

Replace the “latitude” and “longitude” strings with the coordinates which location you want to show on the map. The coordinates must be expressed as decimal degrees.

{google_map}60.1705,24.9384{/google_map}