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 |
| Enable using Places | The enabled/disabled state of using Places Library |
| Places Types | Places Types for example: 'restaurant', 'store' |
| Radius | Radius from map center (in meters) If you don't want to see placemark from Places API, and only use autocomplete field, then set radius = 0 |
| Show Autocomplete field | The enabled/disabled state of using Autocomplete field |
| Places Types for Autocomplete field | Places Types for Autocomplete field |
| Show direction | Show direction (by Directions API) from place, what you've found by autocomplete field (where marker is) and point on your map (which you set in map, center of map) |
Using Google Earth
We turn to component options.
Enter the key Google Earth API.
For you map select using Google Earth
- "Yes" - the map is displayed, but if you have not installed the plugin Google Earth Plugin, then that functionality is not available
- "Yes (Notify)" - the map is displayed, but if you have not installed the plugin Google Earth Plugin, then that functionality is not available and displays a message that there is no plug-in