Breadcrumbs

Module Geek GoogleMap

Geek Googlemap Module allows you to easily integrate Google Maps into your site. It comes with a simple-to-use back-end control panel and various advanced settings to helps you be able to easily customize a map to fit your website.

Basic Settings

Setting Default Description
Map Width 100% Width of Map (in pixel, append % symbol after for width by percent)
Map Height 400 Height of Map (in pixel)
Map Type ROADMAP A MapType is an interface that defines the display and usage of map tiles and the translation of coordinate systems from screen coordinates to world coordinates (on the map).
There are four types of maps available within the Google Maps API.
- ROADMAP displays the default road map view. This is the default map type.
- SATELLITE displays Google Earth satellite images
- HYBRID displays a mixture of normal and satellite views
- TERRAIN displays a physical map based on terrain information.
ROADMAPROADMAP
SATELLITESATELLITE
HYBRIDHYBRID
TERRAINTERRAIN
Zoom 12 The initial Map zoom level.
Mode Normal Select a mode.
- Normal: Markers will be displayed as separate places on the map.
- Direction: A service for computing directions between markers/places.
- Polyline: A polyline is a linear overlay of connected line segments on the map.
- Polygone: A polygon (like a polyline) defines a series of connected coordinates in an ordered sequence; additionally, polygons form a closed loop and define a filled region.
normalNormal
directionDirection
polylinesPolylines
polygonsPolygons
Stroke Color #FF0000 The stroke color. All CSS3 colors are supported except for extended named colors. Only applies to line and polygon geometries.
Stroke Weight 2 The stroke width in pixels. Only applies to line and polygon geometries.
Stroke Opacity 0.8 The stroke opacity between 0.0 and 1.0. Only applies to line and polygon geometries.
Fill Color #FF0000 The fill color. All CSS3 colors are supported except for extended named colors.
Fill Opacity 0.2 The fill opacity between 0.0 and 1.0
Map Centered Calculate Select a position as map centered.
- Calculate: Automatically calculate based on marker positions to get center map.
- First marker: Display map center at the first marker position.
- Last Marker: Display map center at the last marker position.
autoCalculate
firstFirst Marker
lastLast Marker

Marker Settings

Marker General Settings

Setting Default Description
Marker Draggable Off If false, prevents the map from being dragged. Dragging is disabled by default.
0Off
1On
Marker Animation Which animation to play when marker is added to a map.
DROPDROP
BOUNCEBOUNCE
Open InfoWindow onload Off If Enabled, It will open a InfoWindo popup on load of the map. The position of Infowindow is depends on the marker that selected to display on Map Centered setting, and this setting will not work if Map Centered is Calculated
0Off
1On
InfoWindow Max Width 200 Maximum width of the infowindow, regardless of content's width. This value is only considered if it is set before a call to open. To change the maximum width when changing content, call close, setOptions, and then open.
Direction To Here Link Off If Enabled, It will add "Direction To Here" button to Marker tooltip
0Off
1On
Direction From Here Link Off If Enabled, It will add "Direction From Here" button to Marker tooltip
0Off
1On
Display List Marker On Display List Marker
0Off
1On
Item Width 300 Width of item in marker list
Use Marker Clusterer? Off Marker Clusterer is a library to create and manage per-zoom-level clusters for LARGE AMOUNTS OF MARKERS. It helps to get your map display cleaner and improve performance in case your map has a large amounts of markers.
0Off
1On
Data Source List Select a Data Source to get list of markers
listList
fileFile
File Path/URL Path or URL to the data file. (Supported file types: JSON, CSV)
modules/mod_geekgooglemap/assets/sampledata/data.jsonSample JSON file
modules/mod_geekgooglemap/assets/sampledata/data.csvSample CSV file
Pointers Select a pointers
Location Finder Location Finder

Map Controls

Map Controls

Setting Default Description
45 Degree Imagery Off The Google Maps API supports special 45° imagery for certain locations. This high-resolution imagery provides perspective views towards each of the cardinal direction (North, South, East, West). These images are available at higher zoom levels for supported map types.
NOTE: 45° imagery is only available for SATELLITE and HYBRID map types, within some locations, and at some zoom levels.
0Off
1On
Rotate Control Off The enabled/disabled state of the Rotate control.
0Off
1On

Map Type Control

The initial enabled/disabled state of the Map type control.

Setting Default Description
Map Type Control On The initial enabled/disabled state of the Map type control.
0Off
1On
Map Type Control Style DEFAULT Select what style of map type control to display.
DEFAULTDEFAULT
HORIZONTAL_BARHorizontal Bar
DROPDOWN_MENUDropdown Menu
Map Type Control Position Specify the position of the control on the map. The default position is TOP_RIGHT.
View all positions on the map

Zoom Control

The enabled/disabled state of the Zoom control.

Setting Default Description
Scroll Wheel Zoom Off If false, disables scrollwheel zooming on the map. The scrollwheel is enabled by default.
0Off
1On
Zoom Control On The enabled/disabled state of the Zoom control.
0Off
1On
Zoom Control Style DEFAULT Select what style of zoom control to display.
DEFAULTDEFAULT
SMALLSmall
LARGELarge
Zoom Control Position Specify the position of the control on the map. The default position is TOP_LEFT.
View all positions on the map

Others Control

Others Control

Setting Default Description
Scale Control On The initial enabled/disabled state of the Scale control.
0Off
1On
Overview Control Off The enabled/disabled state of the Overview Map control.
0Off
1On
Pan Control Off The enabled/disabled state of the Pan control.
0Off
1On
Street View Control Off The initial enabled/disabled state of the Street View Pegman control. This control is part of the default UI, and should be set to false when displaying a map type on which the Street View road overlay should not appear (e.g. a non-Earth map type).
0Off
1On

Styled Map

Styled maps allow you to customize the presentation of the standard Google base maps, changing the visual display of such elements as roads, parks, and built-up areas.

Setting Default Description
Styles Data uses Styled Maps Wizard tool below to custom your map style, once done click on Show JSON button and copy code from popup window and paste it into this textarea
Styled Maps Wizard The wizard allows you to select features and their elements, apply operations to those features, and save the styles to JSON, which you can copy and paste into your application.

Positions

The positions on map.

  +----------------+
  + TL    TC    TR +
  + LT          RT +
  +                +
  + LC          RC +
  +                +
  + LB          RB +
  + BL    BC    BR +
  +----------------+
TOP_CENTERTop Center - Elements are positioned in the center of the top row.
TOP_LEFTTop Left - Elements are positioned in the top left and flow towards the middle.
TOP_RIGHTTop Right - Elements are positioned in the top right and flow towards the middle.
LEFT_TOPLeft Top - Elements are positioned on the left, below top-left elements, and flow downwards.
RIGHT_TOPRight Top - Elements are positioned on the right, below top-right elements, and flow downwards.
LEFT_CENTERLeft Center - Elements are positioned in the center of the left side.
RIGHT_CENTERRight Center - Elements are positioned in the center of the right side.
LEFT_BOTTOMLeft Bottom - Elements are positioned on the left, above bottom-left elements, and flow upwards.
RIGHT_BOTTOMRight Bottom - Elements are positioned on the right, above bottom-right elements, and flow upwards.
BOTTOM_CENTERBottom Center - Elements are positioned in the center of the bottom row.
BOTTOM_LEFTBottom Left - Elements are positioned in the bottom left and flow towards the middle. Elements are positioned to the right of the Google logo.
BOTTOM_RIGHTBottom Right - Elements are positioned in the bottom right and flow towards the middle. Elements are positioned to the left of the copyrights.