Introduction
Embed 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 version of Google Maps (Google Maps, Google Maps Classic, Google Maps Embed API), 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. Embedding maps created in Google Maps Engine is supported as well.
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 Google Maps version to be used: Google Maps (no API key), Google Maps Classic (no API key), Google Maps Embed API (API key required).
- 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.
- Define the border width, border style and border color.
- Define the title attribute of the map's iframe element.
- Add link to the full size map.
- Embed maps created in Google Maps Engine.
- Multilingual features for front-end:
- Use the system language as Google Map language.
- Use translatable strings as map label, e.g. {TRANSLATABLE_STRING}.
- Improve performance by loading Google Maps after the rest of the page has loaded.
- Disable mouse scrolling on embeded Google Map.
- English, French, Hungarian, 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|version:classic{/google_map}
{google_map}address|zoom:10{/google_map}
{google_map}address|zoom:10|lang:it{/google_map}
{google_map}address|lang:system{/google_map
{google_map}address|width:200|height:200|border:1|border_style:solid|border_color:#000000{/google_map}
{google_map}address|width:200|height:200|link:yes|link_label:Label|link_position:top{/google_map}
{google_map}address|link:yes{/google_map}
{google_map}address|type:satellite{/google_map}
{google_map}address|show_info:yes|info_label:Label{/google_map}
{google_map}address|link_full:yes{/google_map}
{google_map}address|title:iframe title attribute{/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}
- list text here
Embed Google Map
- Version:
- 2.3.1
- Developer:
- Petteri Kivimäki
- Last updated:
-
Oct 21 2023
11 months ago - Date added:
- Nov 19 2014
- License:
- GPLv2 or later
- Type:
- Free download
- Includes:
- p
- Compatibility:
- J3 J4 J5
Share