Template:Zh GoogleMap Description Map: Difference between revisions

From Documentation
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 6: Line 6:


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.
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.
{|
 
 
{|class="zhpropertytable"
|-
|-
|Title||Map title
|class="zhproperty"|Title||class="zhdescription"|Map title
|-
|-
|Description||Description
|class="zhproperty"|Description||class="zhdescription"|Description
|-
|-
|Show Title||Show map title as a placemark
|class="zhproperty"|Show Title||class="zhdescription"|Show map title as a placemark
|-
|-
|Open InfoWin||Open InfoWindow
|class="zhproperty"|Open InfoWin||class="zhdescription"|Open InfoWindow
|-
|-
|Width||Map Width,<br />if set to 0, map will be 100% wide
|class="zhproperty"|Width||class="zhdescription"|Map Width,<br />if set to 0, map will be 100% wide
|-
|-
|Height||Map Height
|class="zhproperty"|Height||class="zhdescription"|Map Height
|-
|-
|Latitude||Map center Latitude
|class="zhproperty"|Latitude||class="zhdescription"|Map center Latitude
|-
|-
|Longitude||Map center Longitude
|class="zhproperty"|Longitude||class="zhdescription"|Map center Longitude
|-
|-
|Zoom||Initial Map Zoom
|class="zhproperty"|Zoom||class="zhdescription"|Initial Map Zoom
|-
|-
|Map Type||Initial Map Type
|class="zhproperty"|Map Type||class="zhdescription"|Initial Map Type
|-
|-
|Google Earth||The enabled/disabled state of the Google Earth
|class="zhproperty"|Google Earth||class="zhdescription"|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
|class="zhproperty"|OpenStreetMap Layer||class="zhdescription"|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
|class="zhproperty"|KML Layer||class="zhdescription"|URL of the KML Layer, that would be displayed on the map
|-
|-
|Category||The category that this map is assigned to
|class="zhproperty"|Category||class="zhdescription"|The category that this map is assigned to
|}
|}




{|
 
{|class="zhpropertytable"
|-
|-
|Header HTML-text||HTML text on top of the map
|class="zhproperty"|Header HTML-text||class="zhdescription"|HTML text on top of the map
|-
|-
|Show Header Separator||Show Separator after Header HTML text
|class="zhproperty"|Show Header Separator||class="zhdescription"|Show Separator after Header HTML text
|-
|-
|Show Footer Separator||Show Separator before Footer HTML text
|class="zhproperty"|Show Footer Separator||class="zhdescription"|Show Separator before Footer HTML text
|-
|-
|Footer HTML-text||HTML text on bottom of the map
|class="zhproperty"|Footer HTML-text||class="zhdescription"|HTML text on bottom of the map
|}
|}




{|
 
{|class="zhpropertytable"
|-
|-
|Map Type Control||The enabled/disabled state of the Map Type Control
|class="zhproperty"|Map Type Control||class="zhdescription"|The enabled/disabled state of the Map Type Control
|-
|-
|Pan Control||The enabled/disabled state of the Pan Control
|class="zhproperty"|Pan Control||class="zhdescription"|The enabled/disabled state of the Pan Control
|-
|-
|Zoom Control||The enabled/disabled state of the Zoom Control
|class="zhproperty"|Zoom Control||class="zhdescription"|The enabled/disabled state of the Zoom Control
|-
|-
|Scale Control||The enabled/disabled state of the Scale Control
|class="zhproperty"|Scale Control||class="zhdescription"|The enabled/disabled state of the Scale Control
|-
|-
|Overview Map Control||The enabled/disabled state of the Overview Map Control
|class="zhproperty"|Overview Map Control||class="zhdescription"|The enabled/disabled state of the Overview Map Control
|-
|-
|Double Click Zoom||Enables/disables zoom and center on double click
|class="zhproperty"|Double Click Zoom||class="zhdescription"|Enables/disables zoom and center on double click
|-
|-
|Scroll Wheel Zoom||The enabled/disabled state of the scrollwheel zooming on the map
|class="zhproperty"|Scroll Wheel Zoom||class="zhdescription"|The enabled/disabled state of the scrollwheel zooming on the map
|-
|-
|Rotate Control||The enabled/disabled state of the Rotate Control
|class="zhproperty"|Rotate Control||class="zhdescription"|The enabled/disabled state of the Rotate Control
|-
|-
|Street View Control||The enabled/disabled state of the Street View Control
|class="zhproperty"|Street View Control||class="zhdescription"|The enabled/disabled state of the Street View Control
|-
|-
|Traffic Layer||The enabled/disabled state of the Traffic Layer
|class="zhproperty"|Traffic Layer||class="zhdescription"|The enabled/disabled state of the Traffic Layer
|-
|-
|Bicycle Layer||The enabled/disabled state of the Bicycle Layer
|class="zhproperty"|Bicycle Layer||class="zhdescription"|The enabled/disabled state of the Bicycle Layer
|}
|}






{|
{|class="zhpropertytable"
|-
|-
|Map Type Control||Position on a map
|class="zhproperty"|Map Type Control||class="zhdescription"|Position on a map
|-
|-
|Pan Control||Position on a map
|class="zhproperty"|Pan Control||class="zhdescription"|Position on a map
|-
|-
|Zoom Control||Position on a map
|class="zhproperty"|Zoom Control||class="zhdescription"|Position on a map
|-
|-
|Scale Control||Position on a map
|class="zhproperty"|Scale Control||class="zhdescription"|Position on a map
|-
|-
|Street View Control||Position on a map
|class="zhproperty"|Street View Control||class="zhdescription"|Position on a map
|}
|}






{|
{|class="zhpropertytable"
|-
|-
|Show placemarks in cluster||Create cluster for markers
|class="zhproperty"|Show placemarks in cluster||class="zhdescription"|Create cluster for markers
|-
|-
|Marker Cluster Zoom Level||Zoom Level on which Cluster starts group markers
|class="zhproperty"|Marker Cluster Zoom Level||class="zhdescription"|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)<br />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)  
|class="zhproperty"|Group Placemarks in Cluster by Placemark Group Property||class="zhdescription"|Create cluster for each marker group (and you can override cluster icon)<br />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)  
|}
|}




{|
 
{|class="zhpropertytable"
|-
|-
|Placemark Group Control||Position and type of list of group, that would be displayed for marker management
|class="zhproperty"|Placemark Group Control||class="zhdescription"|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
|class="zhproperty"|Placemark Group Column Width||class="zhdescription"|Column width for the left or right position of list group
|-
|-
|Show Placemark Group Icon||Show icon of group in list of group
|class="zhproperty"|Show Placemark Group Icon||class="zhdescription"|Show icon of group in list of group
|-
|-
|Placemark Group CSS||Type of group decoration  
|class="zhproperty"|Placemark Group CSS||class="zhdescription"|Type of group decoration  
There are two predefined style in  
There are two predefined style in <br />
/administrator/components/com_zhgooglemap/assets/css/markergroups.css folder/file,
 
<code>
/administrator/components/com_zhgooglemap/assets/css/markergroups.css  
</code>
 
and one (external) – for you, which you can set style in you template.  
and one (external) – for you, which you can set style in you template.  
ID for tags depend on Placemark Group CSS field.  
ID for tags depend on Placemark Group CSS field.  
See details in Marker Grouping
See details in Marker Grouping
|-
|-
|Group List Title||Group List Title
|class="zhproperty"|Group List Title||class="zhdescription"|Group List Title
|-
|-
|Top Description||Description on top of the list
|class="zhproperty"|Top Description||class="zhdescription"|Description on top of the list
|-
|-
|Show Top-Separator||The enabled/disabled state of Separator on top of the list
|class="zhproperty"|Show Top-Separator||class="zhdescription"|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
|class="zhproperty"|Show Bottom-Separator||class="zhdescription"|The enabled/disabled state of Separator on botom of the list
|-
|-
|Bottom Description||Description on bottom of the list
|class="zhproperty"|Bottom Description||class="zhdescription"|Description on bottom of the list
|}
|}






{|
{|class="zhpropertytable"
|-
|-
|MarkerManager||The enabled/disabled state of using Marker Manager
|class="zhproperty"|MarkerManager||class="zhdescription"|The enabled/disabled state of using Marker Manager
|}
|}






{|
{|class="zhpropertytable"
|-
|-
|Enable using Places||The enabled/disabled state of using Places Library
|class="zhproperty"|Enable using Places||class="zhdescription"|The enabled/disabled state of using Places Library
|-
|-
|Places Types||Places Types<br />for example: 'restaurant', 'store'
|class="zhproperty"|Places Types||class="zhdescription"|Places Types<br />for example: 'restaurant', 'store'
|-
|-
|Radius||Radius from map center (in meters)<br />If you don't want to see placemark from Places API, and only use autocomplete field, then set radius = 0
|class="zhproperty"|Radius||class="zhdescription"|Radius from map center (in meters)<br />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
|class="zhproperty"|Show Autocomplete field||class="zhdescription"|The enabled/disabled state of using Autocomplete field
|-
|-
|Places Types for Autocomplete field||Places Types for Autocomplete field
|class="zhproperty"|Places Types for Autocomplete field||class="zhdescription"|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)
|class="zhproperty"|Show direction||class="zhdescription"|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)
|}
|}





Revision as of 05:55, 31 October 2011

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

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