Zh GoogleMap Description
Installation
Component is installed on Joomla! 1.6 (1.7) in a standard way through the Extension Manager.
Options
You do not need to configurate it, because component runs on Google Maps JavaScript API V3.
If you want to use the Google Earth feature, you must obtain a key for the Google Earth API
When you create new map objects at the opening map is automatically calculated location, if can not be calculated, then displaying center of Palace Square in St. Petersburg.
Creating Map
We turn to the tab "Maps".
Enter the number of maps with the correct configuration for us.
Coordinates it is convenient to choose by dragging the marker (the value is automatically substituted in the form fields ) or by clicking the mouse on the desired location.
| Title | Map title |
| Description | Description |
| Show Title | Show map title as a placemark |
| Open InfoWin | Open InfoWindow |
| Width | Map Width, if set to 0, map will be 100% wide |
| Height | Map Height |
| Latitude | Map center Latitude |
| Longitude | Map center Longitude |
| Zoom | Initial Map Zoom |
| Map Type | Initial Map Type |
| Google Earth | The enabled/disabled state of the Google Earth |
| OpenStreetMap Layer | The enabled/disabled state of the OpenStreetMap Layer and ability to use Map Type Control to switch to that layer |
| KML Layer | URL of the KML Layer, that would be displayed on the map |
| Category | The category that this map is assigned to |
| Header HTML-text | HTML text on top of the map |
| Show Header Separator | Show Separator after Header HTML text |
| Show Footer Separator | Show Separator before Footer HTML text |
| Footer HTML-text | HTML text on bottom of the map |
| Map Type Control | The enabled/disabled state of the Map Type Control |
| Pan Control | The enabled/disabled state of the Pan Control |
| Zoom Control | The enabled/disabled state of the Zoom Control |
| Scale Control | The enabled/disabled state of the Scale Control |
| Overview Map Control | The enabled/disabled state of the Overview Map Control |
| Double Click Zoom | Enables/disables zoom and center on double click |
| Scroll Wheel Zoom | The enabled/disabled state of the scrollwheel zooming on the map |
| Rotate Control | The enabled/disabled state of the Rotate Control |
| Street View Control | The enabled/disabled state of the Street View Control |
| Traffic Layer | The enabled/disabled state of the Traffic Layer |
| Bicycle Layer | The enabled/disabled state of the Bicycle Layer |
| Map Type Control | Position on a map |
| Pan Control | Position on a map |
| Zoom Control | Position on a map |
| Scale Control | Position on a map |
| Street View Control | Position on a map |
| Show placemarks in cluster | Create cluster for markers |
| Marker Cluster Zoom Level | Zoom Level on which Cluster starts group markers |
| Group Placemarks in Cluster by Placemark Group Property | Create cluster for each marker group (and you can override cluster icon) Remember, if you use this feature (without managing markers by group list), you have to activate group in cluster (by setting Active in Placemark Group List) |
| Placemark Group Control | Position and type of list of group, that would be displayed for marker management |
| Placemark Group Column Width | Column width for the left or right position of list group |
| Show Placemark Group Icon | Show icon of group in list of group |
| Placemark Group CSS | Type of group decoration
There are two predefined style in /administrator/components/com_zhgooglemap/assets/css/markergroups.css folder/file, and one (external) – for you, which you can set style in you template. ID for tags depend on Placemark Group CSS field. See details in Marker Grouping |
| Group List Title | Group List Title |
| Top Description | Description on top of the list |
| Show Top-Separator | The enabled/disabled state of Separator on top of the list |
| Show Bottom-Separator | The enabled/disabled state of Separator on botom of the list |
| Bottom Description | Description on bottom of the list |
| MarkerManager | The enabled/disabled state of using Marker Manager |