Template:Zh GoogleMap Description Map: Difference between revisions

From Documentation
Jump to navigation Jump to search
Line 33: Line 33:
|class="zhproperty"|Open InfoWin||class="zhdescription"|Open InfoWindow for map title immediately
|class="zhproperty"|Open InfoWin||class="zhdescription"|Open InfoWindow for map title immediately
|-
|-
|class="zhproperty"|Width||class="zhdescription"|Map Width,<br />if set to 0, map will be 100% wide
|class="zhproperty"|Width||class="zhdescription"|Map Width,<br />
<p class="zh-text-tip">if set to 0, map will be 100% wide</p>
|-
|-
|class="zhproperty"|Height||class="zhdescription"|Map Height
|class="zhproperty"|Height||class="zhdescription"|Map Height

Revision as of 14:01, 18 November 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.


Map properties

Title Map title
Description Description
Show Title as Placemark Show map title as a placemark
  • No - Do not show marker
  • Drop - Marker with animation (Drop)
  • Bounce - Marker with animation (Bounce)
  • Simple - Marker without animation
Open InfoWin Open InfoWindow for map title immediately
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
  • Roadmap
  • Satellite
  • Hybrid
  • Terrain
  • OpenStreetMap
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

Map Decoration

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 Controls

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
Find Control (geocoding) The enabled/disabled state of the Find Control (by geocoding)
Find Control width Width of Find Control field
Draw route from search point to place The enabled/disabled state of the drawing route from place witch is found by Find Control


Control Positions

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
Find Control (geocoding) Position on a map


Map Properties for Placemarks

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)


Managing Placemarks by Placemark Group List

Placemark Group Control Position and type of list of group, that would be displayed for marker management
  • No - there is not placemark control by group list
  • Left - List of group on the left (table style)
  • Right - List of group on the right (table style)
  • Top - List of group on the top (table style)
  • Bottom - List of group on the bottom (table style)
  • Group-Map - List of group on the top (div style)
  • Map-Group - List of group on the bottom (div style)
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

Using Marker Manager

File:GM-Map-Detail-PlacemarkManager.JPG

MarkerManager The enabled/disabled state of using Marker Manager

Marker Manager displaying markers on definite zoom.

You can use Marker Manager with restrictions:

  • you can't use marker clustering - because cluster groups markers, and controls it displaying
  • you can't use managing markers by group list

To use Marker Manager:

  • set marker group for your markers
  • set Min Zoom for Marker Manager and Max Zoom for Marker Manager for each group
  • enable feature for the map


Using Places Library

Enable using Places The enabled/disabled state of using Places Library
Places Types Places types in single quotes, delimited by comma
for example: 'restaurant', 'store'


Google Places API: Supported Place Types

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

Places API show only up to 20 places!

Show Autocomplete field The enabled/disabled state of using Autocomplete field
Places Types for Autocomplete field Places types for Autocomplete field like a places types field, values in single quotes with comma delimiter


which can be either 'establishment' or 'geocode', representing businesses or addresses, respectively. If types is not specified, both types are returned.

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 Panoramio Library

For using feature set enable by Enable using Panoramio = Yes

You can add filter control to map, and it's position.

And you can specify preset restriction on data by settin "Panoramio Tag" or|and "Panoramio UserID"

  • tag - a panoramio tag used to filter the photos which are displayed. Only photos which have been tagged with the supplied string will be shown.
  • userId - a panoramio user ID. If provided, only photos by this user will be displayed on the map.
  • If both a tag and user ID are provided, the tag will take precedence.


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 plugin