GeneaLabs / laravel-maps

src/Map.php

Spacing +252 added lines, -252 removed lines

@@ -7,146 +7,146 @@ 
     protected $output_js_contents;
     protected $output_html;
 
-    public $adsense = false;                    // Whether Google Adsense For Content should be enabled
-    public $adsenseChannelNumber = '';                        // The Adsense channel number for tracking the performance of this AdUnit
-    public $adsenseFormat = 'HALF_BANNER';            // The format of the AdUnit
-    public $adsensePosition = 'TOP_CENTER';                // The position of the AdUnit
-    public $adsensePublisherID = '';                        // Your Google AdSense publisher ID
-    public $apiKey = '';                        // If you've got an API key you can use it by passing this parameter. Setup an API key here: https://code.google.com/apis/console
-    public $backgroundColor = '';                        // A hex color value shown as the map background when tiles have not yet loaded as the user pans
-    public $bicyclingOverlay = false;                    // If set to TRUE will overlay bicycling information (ie. bike paths and suggested routes) onto the map by default
-    public $center = '37.4419, -122.1419';        // Sets the default center location (lat/long co-ordinate or address) of the map. If defaulting to the users location set to "auto"
-
-    public $class = '';                        // A class name if wishing to style the map further through CSS. Can also be useful if wanting it to be responsive etc.
-    public $cluster = false;                    // Whether to cluster markers
-    public $clusterGridSize = 60;                        // The grid size of a cluster in pixels
-    public $clusterMaxZoom = '';                        // The maximum zoom level that a marker can be part of a cluster
-    public $clusterZoomOnClick = true;                        // Whether the default behaviour of clicking on a cluster is to zoom into it
-    public $clusterAverageCenter = false;                    // Whether the center of each cluster should be the average of all markers in the cluster
-    public $clusterMinimumClusterSize = 2;                        // The minimum number of markers to be in a cluster before the markers are hidden and a count is shown
-    public $clusterStyles = []; 				// (object) An array that has style properties: *  'url': (string) The image url. *  'height': (number) The image height. *  'width': (number) The image width. *  'anchor': (Array) The anchor position of the label text. *  'textColor': (string) The text color. *  'textSize': (number) The text size. *  'backgroundPosition': (string) The position of the backgound x, y.
-    public $disableDefaultUI = false;                    // If set to TRUE will hide the default controls (ie. zoom, scale etc)
+    public $adsense = false; // Whether Google Adsense For Content should be enabled
+    public $adsenseChannelNumber = ''; // The Adsense channel number for tracking the performance of this AdUnit
+    public $adsenseFormat = 'HALF_BANNER'; // The format of the AdUnit
+    public $adsensePosition = 'TOP_CENTER'; // The position of the AdUnit
+    public $adsensePublisherID = ''; // Your Google AdSense publisher ID
+    public $apiKey = ''; // If you've got an API key you can use it by passing this parameter. Setup an API key here: https://code.google.com/apis/console
+    public $backgroundColor = ''; // A hex color value shown as the map background when tiles have not yet loaded as the user pans
+    public $bicyclingOverlay = false; // If set to TRUE will overlay bicycling information (ie. bike paths and suggested routes) onto the map by default
+    public $center = '37.4419, -122.1419'; // Sets the default center location (lat/long co-ordinate or address) of the map. If defaulting to the users location set to "auto"
+
+    public $class = ''; // A class name if wishing to style the map further through CSS. Can also be useful if wanting it to be responsive etc.
+    public $cluster = false; // Whether to cluster markers
+    public $clusterGridSize = 60; // The grid size of a cluster in pixels
+    public $clusterMaxZoom = ''; // The maximum zoom level that a marker can be part of a cluster
+    public $clusterZoomOnClick = true; // Whether the default behaviour of clicking on a cluster is to zoom into it
+    public $clusterAverageCenter = false; // Whether the center of each cluster should be the average of all markers in the cluster
+    public $clusterMinimumClusterSize = 2; // The minimum number of markers to be in a cluster before the markers are hidden and a count is shown
+    public $clusterStyles = []; // (object) An array that has style properties: *  'url': (string) The image url. *  'height': (number) The image height. *  'width': (number) The image width. *  'anchor': (Array) The anchor position of the label text. *  'textColor': (string) The text color. *  'textSize': (number) The text size. *  'backgroundPosition': (string) The position of the backgound x, y.
+    public $disableDefaultUI = false; // If set to TRUE will hide the default controls (ie. zoom, scale etc)
     public $disableClickableIcons = false;
-    public $disableDoubleClickZoom = false;                    // If set to TRUE will disable zooming when a double click occurs
-    public $disableMapTypeControl = false;                    // If set to TRUE will hide the MapType control (ie. Map, Satellite, Hybrid, Terrain)
-    public $disableNavigationControl = false;                    // If set to TRUE will hide the Navigation control (ie. zoom in/out, pan)
-    public $disableScaleControl = false;                    // If set to TRUE will hide the Scale control
-    public $disableStreetViewControl = false;                    // If set to TRUE will hide the Street View control
-    public $draggable = true;                        // If set to FALSE will prevent the map from being dragged around
-    public $draggableCursor = '';                        // The name or url of the cursor to display on a draggable object
-    public $draggingCursor = '';                        // The name or url of the cursor to display when an object is being dragged
-    public $geocodeCaching = false;                    // If set to TRUE will cache any geocode requests made when an address is used instead of a lat/long. Requires DB table to be created (see documentation)
-    public $https = false;                    // If set to TRUE will load the Google Maps JavaScript API over HTTPS, allowing you to utilize the API within your HTTPS secure application
-    public $navigationControlPosition = '';                        // The position of the Navigation control, eg. 'BOTTOM_RIGHT'
-    public $infowindowMaxWidth = 0;                        // The maximum width of the infowindow in pixels. Expecting an integer without units
-    public $keyboardShortcuts = true;                        // If set to FALSE will disable to map being controlled via the keyboard
-    public $jsfile = '';                        // Set this to the path of an external JS file if you wish the JavaScript to be placed in a file rather than output directly into the <head></head> section. The library will try to create the file if it does not exist already. Please ensure the destination file is writeable
-    public $kmlLayerURL = '';                        // A URL to publicly available KML or GeoRSS data for displaying geographic information. Multiple KML layers can be passed in by using an array of URL's. Note, if using multiple you'll probably have to set $kmlLayerPreserveViewport to true and manually set map center and zoom
-    public $kmlLayerPreserveViewport = false;                    // Specifies whether the map should be adjusted to the bounds of the KmlLayer's contents. By default the map is zoomed and positioned to show the entirety of the layer's contents
-    public $language = '';                        // The map will by default load in the language of the browser. This can be overriden however here. For a full list of codes see https://spreadsheets.google.com/pub?key=p9pdwsai2hDMsLkXsoM05KQ&gid=1
-    public $loadAsynchronously = false;                    // Load the map and API asynchronously once the page has loaded
-    public $map_div_id = "map_canvas";                // The ID of the <div></div> that is output which contains the map
-    public $map_height = "450px";                    // The height of the map container. Any units (ie 'px') can be used. If no units are provided 'px' will be presumed
-    public $map_name = "map";                    // The JS reference to the map. Currently not used but to be used in the future when multiple maps are supported
-    public $map_type = "ROADMAP";                // The default MapType. Values accepted are 'HYBRID', 'ROADMAP', 'SATELLITE' or 'TERRAIN'
-    public $map_types_available = array();                    // The other MapTypes available for selection on the map
-    public $map_width = "100%";                    // The width of the map container. Any units (ie 'px') can be used. If no units are provided 'px' will be presumed
-    public $maps_loaded = 0;                        // Counter which keeps track of how many maps have been created to avoid standard functions being output twice
-    public $mapTypeControlPosition = '';                        // The position of the MapType control, eg. 'BOTTOM_RIGHT'
-    public $mapTypeControlStyle = '';                        // The style of the MapType control. blank, 'DROPDOWN_MENU' or 'HORIZONTAL_BAR' values accepted.
-    public $minzoom = '';                        // The minimum zoom level which will be displayed on the map
-    public $maxzoom = '';                        // The maximum zoom level which will be displayed on the map
-    public $minifyJS = false;                    // If TRUE will run the JavaScript through Jsmin.php (this file and PHP5+ required) to minify the code
-    public $noClear = false;                    // If TRUE do not clear the contents of the map div
-    public $onboundschanged = '';                        // The JavaScript action to perform when the viewport bounds have changed
-    public $oncenterchanged = '';                        // The JavaScript action to perform when themap center property changes
-    public $onclick = '';                        // The JavaScript action to perform when the map is clicked
-    public $ondblclick = '';                        // The JavaScript action to perform when the map is double-clicked
-    public $ondrag = '';                        // The JavaScript action to perform while the map is dragged
-    public $ondragend = '';                        // The JavaScript action to perform when the user stops dragging the map
-    public $ondragstart = '';                        // The JavaScript action to perform when the user starts dragging the map
-    public $onidle = '';                        // The JavaScript action to perform when the map becomes idle after panning or zooming
-    public $onload = '';                        // The JavaScript action to perform when the map first loads. This library hi-jacks the window.load event so add any bespoke code using this option
-    public $onmousemove = '';                        // The JavaScript action to perform when the user's mouse moves over the map container
-    public $onmouseout = '';                        // The JavaScript action to perform when the user's mouse exits the map container
-    public $onmouseover = '';                        // The JavaScript action to perform when the user's mouse enters the map container
-    public $onresize = '';                        // The JavaScript action to perform when the maps div changes size
-    public $onrightclick = '';                        // The JavaScript action to perform when the map is right-clicked
-    public $ontilesloaded = '';                        // The JavaScript action to perform when the visible tiles have finished loading
-    public $onzoomchanged = '';                        // The JavaScript action to perform when the maps zoom property changes
-    public $panoramio = false;                    // If TRUE will add photos from Panoramio as a layer to your maps as a series of large and small photo icons
-    public $panoramioTag = '';                        // Restrict the set of Panoramio photos shown to those matching a certain textual tag
-    public $panoramioUser = '';                        // Restrict the set of Panoramio photos shown to those matching a particular user
-    public $region = '';                        // Country code top-level domain (eg "uk") within which to search. Useful if supplying addresses rather than lat/longs
-    public $scaleControlPosition = '';                        // The position of the Scale control, eg. 'BOTTOM_RIGHT'
-    public $scrollwheel = true;                        // If set to FALSE will disable zooming by scrolling of the mouse wheel
-    public $streetViewAddressControl = true;                        // If set to FALSE will hide the Address control
-    public $streetViewAddressPosition = '';                        // The position of the Address control, eg. 'BOTTOM'
-    public $streetViewControlPosition = '';                        // The position of the Street View control when viewing normal aerial map, eg. 'BOTTOM_RIGHT'
-    public $streetViewCloseButton = false;                    // If set to TRUE will show the close button in the top right. The close button allows users to return to the aerial map
-    public $streetViewLinksControl = true;                        // If set to FALSE will hide the Links control
-    public $streetViewPanControl = true;                        // If set to FALSE will hide the Pan control
-    public $streetViewPanPosition = '';                        // The position of the Scale control, eg. 'TOP_RIGHT'
-    public $streetViewPovHeading = 0;                        // The Street View camera heading in degrees relative to true north. True north is 0, east is 90, south is 180, west is 270
-    public $streetViewPovPitch = 0;                        // The Street View camera pitch in degrees, relative to the street view vehicle. Directly upwards is 90, Directly downwards is -90.
-    public $streetViewPovZoom = 0;                        // The Street View zoom level. Fully zoomed-out is level 0, zooming in increases the zoom level.
-    public $streetViewZoomControl = true;                        // If set to FALSE will hide the Zoom control
-    public $streetViewZoomPosition = '';                        // The position of the Scale control, eg. 'TOP_RIGHT'
-    public $streetViewZoomStyle = '';                        // The size of the Street View zoom control. blank, 'SMALL' or 'LARGE' values accepted.
-    public $styles = array();                    // An array of styles used to colour aspects of the map and turn points of interest on and off
-    public $stylesAsMapTypes = false;                    // If applying styles, whether to apply them to the default map or add them as additional map types
-    public $stylesAsMapTypesDefault = '';                        // If $stylesAsMapTypes is true the default style. Should contain the 'Name' of the style
+    public $disableDoubleClickZoom = false; // If set to TRUE will disable zooming when a double click occurs
+    public $disableMapTypeControl = false; // If set to TRUE will hide the MapType control (ie. Map, Satellite, Hybrid, Terrain)
+    public $disableNavigationControl = false; // If set to TRUE will hide the Navigation control (ie. zoom in/out, pan)
+    public $disableScaleControl = false; // If set to TRUE will hide the Scale control
+    public $disableStreetViewControl = false; // If set to TRUE will hide the Street View control
+    public $draggable = true; // If set to FALSE will prevent the map from being dragged around
+    public $draggableCursor = ''; // The name or url of the cursor to display on a draggable object
+    public $draggingCursor = ''; // The name or url of the cursor to display when an object is being dragged
+    public $geocodeCaching = false; // If set to TRUE will cache any geocode requests made when an address is used instead of a lat/long. Requires DB table to be created (see documentation)
+    public $https = false; // If set to TRUE will load the Google Maps JavaScript API over HTTPS, allowing you to utilize the API within your HTTPS secure application
+    public $navigationControlPosition = ''; // The position of the Navigation control, eg. 'BOTTOM_RIGHT'
+    public $infowindowMaxWidth = 0; // The maximum width of the infowindow in pixels. Expecting an integer without units
+    public $keyboardShortcuts = true; // If set to FALSE will disable to map being controlled via the keyboard
+    public $jsfile = ''; // Set this to the path of an external JS file if you wish the JavaScript to be placed in a file rather than output directly into the <head></head> section. The library will try to create the file if it does not exist already. Please ensure the destination file is writeable
+    public $kmlLayerURL = ''; // A URL to publicly available KML or GeoRSS data for displaying geographic information. Multiple KML layers can be passed in by using an array of URL's. Note, if using multiple you'll probably have to set $kmlLayerPreserveViewport to true and manually set map center and zoom
+    public $kmlLayerPreserveViewport = false; // Specifies whether the map should be adjusted to the bounds of the KmlLayer's contents. By default the map is zoomed and positioned to show the entirety of the layer's contents
+    public $language = ''; // The map will by default load in the language of the browser. This can be overriden however here. For a full list of codes see https://spreadsheets.google.com/pub?key=p9pdwsai2hDMsLkXsoM05KQ&gid=1
+    public $loadAsynchronously = false; // Load the map and API asynchronously once the page has loaded
+    public $map_div_id = "map_canvas"; // The ID of the <div></div> that is output which contains the map
+    public $map_height = "450px"; // The height of the map container. Any units (ie 'px') can be used. If no units are provided 'px' will be presumed
+    public $map_name = "map"; // The JS reference to the map. Currently not used but to be used in the future when multiple maps are supported
+    public $map_type = "ROADMAP"; // The default MapType. Values accepted are 'HYBRID', 'ROADMAP', 'SATELLITE' or 'TERRAIN'
+    public $map_types_available = array(); // The other MapTypes available for selection on the map
+    public $map_width = "100%"; // The width of the map container. Any units (ie 'px') can be used. If no units are provided 'px' will be presumed
+    public $maps_loaded = 0; // Counter which keeps track of how many maps have been created to avoid standard functions being output twice
+    public $mapTypeControlPosition = ''; // The position of the MapType control, eg. 'BOTTOM_RIGHT'
+    public $mapTypeControlStyle = ''; // The style of the MapType control. blank, 'DROPDOWN_MENU' or 'HORIZONTAL_BAR' values accepted.
+    public $minzoom = ''; // The minimum zoom level which will be displayed on the map
+    public $maxzoom = ''; // The maximum zoom level which will be displayed on the map
+    public $minifyJS = false; // If TRUE will run the JavaScript through Jsmin.php (this file and PHP5+ required) to minify the code
+    public $noClear = false; // If TRUE do not clear the contents of the map div
+    public $onboundschanged = ''; // The JavaScript action to perform when the viewport bounds have changed
+    public $oncenterchanged = ''; // The JavaScript action to perform when themap center property changes
+    public $onclick = ''; // The JavaScript action to perform when the map is clicked
+    public $ondblclick = ''; // The JavaScript action to perform when the map is double-clicked
+    public $ondrag = ''; // The JavaScript action to perform while the map is dragged
+    public $ondragend = ''; // The JavaScript action to perform when the user stops dragging the map
+    public $ondragstart = ''; // The JavaScript action to perform when the user starts dragging the map
+    public $onidle = ''; // The JavaScript action to perform when the map becomes idle after panning or zooming
+    public $onload = ''; // The JavaScript action to perform when the map first loads. This library hi-jacks the window.load event so add any bespoke code using this option
+    public $onmousemove = ''; // The JavaScript action to perform when the user's mouse moves over the map container
+    public $onmouseout = ''; // The JavaScript action to perform when the user's mouse exits the map container
+    public $onmouseover = ''; // The JavaScript action to perform when the user's mouse enters the map container
+    public $onresize = ''; // The JavaScript action to perform when the maps div changes size
+    public $onrightclick = ''; // The JavaScript action to perform when the map is right-clicked
+    public $ontilesloaded = ''; // The JavaScript action to perform when the visible tiles have finished loading
+    public $onzoomchanged = ''; // The JavaScript action to perform when the maps zoom property changes
+    public $panoramio = false; // If TRUE will add photos from Panoramio as a layer to your maps as a series of large and small photo icons
+    public $panoramioTag = ''; // Restrict the set of Panoramio photos shown to those matching a certain textual tag
+    public $panoramioUser = ''; // Restrict the set of Panoramio photos shown to those matching a particular user
+    public $region = ''; // Country code top-level domain (eg "uk") within which to search. Useful if supplying addresses rather than lat/longs
+    public $scaleControlPosition = ''; // The position of the Scale control, eg. 'BOTTOM_RIGHT'
+    public $scrollwheel = true; // If set to FALSE will disable zooming by scrolling of the mouse wheel
+    public $streetViewAddressControl = true; // If set to FALSE will hide the Address control
+    public $streetViewAddressPosition = ''; // The position of the Address control, eg. 'BOTTOM'
+    public $streetViewControlPosition = ''; // The position of the Street View control when viewing normal aerial map, eg. 'BOTTOM_RIGHT'
+    public $streetViewCloseButton = false; // If set to TRUE will show the close button in the top right. The close button allows users to return to the aerial map
+    public $streetViewLinksControl = true; // If set to FALSE will hide the Links control
+    public $streetViewPanControl = true; // If set to FALSE will hide the Pan control
+    public $streetViewPanPosition = ''; // The position of the Scale control, eg. 'TOP_RIGHT'
+    public $streetViewPovHeading = 0; // The Street View camera heading in degrees relative to true north. True north is 0, east is 90, south is 180, west is 270
+    public $streetViewPovPitch = 0; // The Street View camera pitch in degrees, relative to the street view vehicle. Directly upwards is 90, Directly downwards is -90.
+    public $streetViewPovZoom = 0; // The Street View zoom level. Fully zoomed-out is level 0, zooming in increases the zoom level.
+    public $streetViewZoomControl = true; // If set to FALSE will hide the Zoom control
+    public $streetViewZoomPosition = ''; // The position of the Scale control, eg. 'TOP_RIGHT'
+    public $streetViewZoomStyle = ''; // The size of the Street View zoom control. blank, 'SMALL' or 'LARGE' values accepted.
+    public $styles = array(); // An array of styles used to colour aspects of the map and turn points of interest on and off
+    public $stylesAsMapTypes = false; // If applying styles, whether to apply them to the default map or add them as additional map types
+    public $stylesAsMapTypesDefault = ''; // If $stylesAsMapTypes is true the default style. Should contain the 'Name' of the style
     public $tiledOverlayLayers = [];
-    public $tilt = 0;                        // The angle of tilt. Currently only supports the values 0 and 45 in SATELLITE and HYBRID map types and at certain zoom levels
-    public $trafficOverlay = false;                    // If set to TRUE will overlay traffic information onto the map by default
-    public $version = "3";                        // Version of the API being used. Not currently used in the library
-    public $zoom = 13;                        // The default zoom level of the map. If set to "auto" will autozoom/center to fit in all visible markers. If "auto", also overrides the $center parameter
-    public $zoomControlPosition = '';                        // The position of the Zoom control, eg. 'BOTTOM_RIGHT'
-    public $zoomControlStyle = '';                        // The size of the zoom control. blank, 'SMALL' or 'LARGE' values accepted.
-
-    public $markers = array();                    // An array used by the library to store the markers as they are produced
-    public $markersInfo = array();                    // An array containing marker information (id, latitude, longitude etc) for use elsewhere
-    public $polylines = array();                    // An array used by the library to store the polylines as they are produced
-    public $polygons = array();                    // An array used by the library to store the polygons as they are produced
-    public $circles = array();                    // An array used by the library to store the circles as they are produced
-    public $rectangles = array();                    // An array used by the library to store the rectangles as they are produced
-    public $overlays = array();                    // An array used by the library to store the overlays as they are produced
-
-    public $directions = false;                    // Whether or not the map will be used to show directions
-    public $directionsStart = "";                        // The starting location (lat/long co-ordinate or address) of the directions. Set to 'auto' to default it to the users location
-    public $directionsEnd = "";                        // The destination point (lat/long co-ordinate or address) of the directions. Set to 'auto' to default it to the users location
-    public $directionsDivID = "";                        // An element's ID on the page where textual directions will be output to. Leave blank if not required
-    public $directionsMode = "DRIVING";                // DRIVING, WALKING or BICYCLING (US Only) - The vehicle/mode of transport to show directions for
-    public $directionsAvoidTolls = false;                    // Whether or not directions should avoid tolls
-    public $directionsAvoidHighways = false;                    // Whether or not directions should avoid highways
-    public $directionsDraggable = false;                    // Whether or not directions on the map are draggable
-    public $directionsChanged = "";                        // JavaScript to perform when directions are dragged
-    public $directionsUnits = "";                        // 'metric' for kilometers and meters or 'imperial for miles and feet. Leave blank and it will default to the region or country of where directions are being obtained
-    public $directionsWaypointArray = array();                    // An array of waypoints. eg array("Boston, MA", "Times Square, NY");
-    public $directionsWaypointsOptimize = false;                    // Should the waypoints be optimised? If TRUE, waypoints will be re-ordered to provide the most efficient route.
-
-    public $drawing = false;                    // Whether or not the drawing library tools will be loaded
-    public $drawingControl = true;                        // If set to FALSE will hide the Drawing Manager control
-    public $drawingControlPosition = 'TOP_CENTER';                // The position of the Drawing Manager control, eg. 'TOP_RIGHT'
-    public $drawingDefaultMode = 'marker';                    // The default mode for the Drawing Manager. Accepted values are marker, polygon, polyline, rectangle, circle, or null. null means that the user can interact with the map as normal when the map loads, and clicks do not draw anything.
-    public $drawingModes = array();                    // An array of modes available for use. Accepted values are marker, polygon, polyline, rectangle, circle
-    public $drawingOnComplete = array();                    // An array of JS to execute when shapes are completed, one array element per shape. For example: array('circle'=>'JS here', 'polygon'=>'JS here');
-    public $drawingOnEdit = array();                    // An array of JS to execute when shapes are changed/resized, one array element per shape. For example: array('circle'=>'JS here', 'polygon'=>'JS here');
-
-    public $places = false;                    // Whether or not the map will be used to show places
-    public $placesLocation = '';                        // A point (lat/long co-ordinate or address) on the map if the search for places is based around a central point
-    public $placesRadius = 0;                        // The radius (in meters) if search is based around a central position
-    public $placesLocationSW = '';                        // If preferring to search within bounds the South-West position (latitude/longitude coordinate OR address)
-    public $placesLocationNE = '';                        // If preferring to search within bounds the North-East position (latitude/longitude coordinate OR address)
-    public $placesTypes = array();                    // The types of places to search for. For a list of supported types see http://code.google.com/apis/maps/documentation/places/supported_types.html
-    public $placesName = '';                        // A term to be matched against when searching for places to display on the map
-    public $placesAutocompleteInputID = '';                        // The ID attribute of the textfield that the autocomplete should effect
-    public $placesAutocompleteTypes = array();                    // The types of places for the autocomplete to return. Options can be seen here https://developers.google.com/maps/documentation/javascript/places#places_autocomplete but include 'establishment' to only return business results, '(cities)', or '(regions)'
-    public $placesAutocompleteBoundSW = '';                        // By specifying an area in which to search for Places, the results are biased towards, but not restricted to, Places contained within these bounds.
-    public $placesAutocompleteBoundNE = '';                        // Both South-West (lat/long co-ordinate or address) and North-East (lat/long co-ordinate or address) values are required if wishing to set bounds
-    public $placesAutocompleteBoundsMap = false;                    // An alternative to setting the SW and NE bounds is to use the bounds of the current viewport. If set to TRUE, the bounds will be set to the viewport of the visible map, even if dragged or zoomed
-    public $placesAutocompleteOnChange = '';                        // The JavaScript action to perform when a place is selected
-    public $gestureHandling = 'auto';                                // Controls the panning and scrolling behavior of a map when viewed on a mobile device. greedy(allways moves on touch), cooperative(1 finger scroll 2 finger move), none(not pannable or pinchable), auto
+    public $tilt = 0; // The angle of tilt. Currently only supports the values 0 and 45 in SATELLITE and HYBRID map types and at certain zoom levels
+    public $trafficOverlay = false; // If set to TRUE will overlay traffic information onto the map by default
+    public $version = "3"; // Version of the API being used. Not currently used in the library
+    public $zoom = 13; // The default zoom level of the map. If set to "auto" will autozoom/center to fit in all visible markers. If "auto", also overrides the $center parameter
+    public $zoomControlPosition = ''; // The position of the Zoom control, eg. 'BOTTOM_RIGHT'
+    public $zoomControlStyle = ''; // The size of the zoom control. blank, 'SMALL' or 'LARGE' values accepted.
+
+    public $markers = array(); // An array used by the library to store the markers as they are produced
+    public $markersInfo = array(); // An array containing marker information (id, latitude, longitude etc) for use elsewhere
+    public $polylines = array(); // An array used by the library to store the polylines as they are produced
+    public $polygons = array(); // An array used by the library to store the polygons as they are produced
+    public $circles = array(); // An array used by the library to store the circles as they are produced
+    public $rectangles = array(); // An array used by the library to store the rectangles as they are produced
+    public $overlays = array(); // An array used by the library to store the overlays as they are produced
+
+    public $directions = false; // Whether or not the map will be used to show directions
+    public $directionsStart = ""; // The starting location (lat/long co-ordinate or address) of the directions. Set to 'auto' to default it to the users location
+    public $directionsEnd = ""; // The destination point (lat/long co-ordinate or address) of the directions. Set to 'auto' to default it to the users location
+    public $directionsDivID = ""; // An element's ID on the page where textual directions will be output to. Leave blank if not required
+    public $directionsMode = "DRIVING"; // DRIVING, WALKING or BICYCLING (US Only) - The vehicle/mode of transport to show directions for
+    public $directionsAvoidTolls = false; // Whether or not directions should avoid tolls
+    public $directionsAvoidHighways = false; // Whether or not directions should avoid highways
+    public $directionsDraggable = false; // Whether or not directions on the map are draggable
+    public $directionsChanged = ""; // JavaScript to perform when directions are dragged
+    public $directionsUnits = ""; // 'metric' for kilometers and meters or 'imperial for miles and feet. Leave blank and it will default to the region or country of where directions are being obtained
+    public $directionsWaypointArray = array(); // An array of waypoints. eg array("Boston, MA", "Times Square, NY");
+    public $directionsWaypointsOptimize = false; // Should the waypoints be optimised? If TRUE, waypoints will be re-ordered to provide the most efficient route.
+
+    public $drawing = false; // Whether or not the drawing library tools will be loaded
+    public $drawingControl = true; // If set to FALSE will hide the Drawing Manager control
+    public $drawingControlPosition = 'TOP_CENTER'; // The position of the Drawing Manager control, eg. 'TOP_RIGHT'
+    public $drawingDefaultMode = 'marker'; // The default mode for the Drawing Manager. Accepted values are marker, polygon, polyline, rectangle, circle, or null. null means that the user can interact with the map as normal when the map loads, and clicks do not draw anything.
+    public $drawingModes = array(); // An array of modes available for use. Accepted values are marker, polygon, polyline, rectangle, circle
+    public $drawingOnComplete = array(); // An array of JS to execute when shapes are completed, one array element per shape. For example: array('circle'=>'JS here', 'polygon'=>'JS here');
+    public $drawingOnEdit = array(); // An array of JS to execute when shapes are changed/resized, one array element per shape. For example: array('circle'=>'JS here', 'polygon'=>'JS here');
+
+    public $places = false; // Whether or not the map will be used to show places
+    public $placesLocation = ''; // A point (lat/long co-ordinate or address) on the map if the search for places is based around a central point
+    public $placesRadius = 0; // The radius (in meters) if search is based around a central position
+    public $placesLocationSW = ''; // If preferring to search within bounds the South-West position (latitude/longitude coordinate OR address)
+    public $placesLocationNE = ''; // If preferring to search within bounds the North-East position (latitude/longitude coordinate OR address)
+    public $placesTypes = array(); // The types of places to search for. For a list of supported types see http://code.google.com/apis/maps/documentation/places/supported_types.html
+    public $placesName = ''; // A term to be matched against when searching for places to display on the map
+    public $placesAutocompleteInputID = ''; // The ID attribute of the textfield that the autocomplete should effect
+    public $placesAutocompleteTypes = array(); // The types of places for the autocomplete to return. Options can be seen here https://developers.google.com/maps/documentation/javascript/places#places_autocomplete but include 'establishment' to only return business results, '(cities)', or '(regions)'
+    public $placesAutocompleteBoundSW = ''; // By specifying an area in which to search for Places, the results are biased towards, but not restricted to, Places contained within these bounds.
+    public $placesAutocompleteBoundNE = ''; // Both South-West (lat/long co-ordinate or address) and North-East (lat/long co-ordinate or address) values are required if wishing to set bounds
+    public $placesAutocompleteBoundsMap = false; // An alternative to setting the SW and NE bounds is to use the bounds of the current viewport. If set to TRUE, the bounds will be set to the viewport of the visible map, even if dragged or zoomed
+    public $placesAutocompleteOnChange = ''; // The JavaScript action to perform when a place is selected
+    public $gestureHandling = 'auto'; // Controls the panning and scrolling behavior of a map when viewed on a mobile device. greedy(allways moves on touch), cooperative(1 finger scroll 2 finger move), none(not pannable or pinchable), auto
 
 
     public function __construct($config = array())
@@ -161,7 +161,7 @@ 
     public function create($center)
     {
         $gmapsConfig = [];
-        $gmapsConfig['center'] = $center->latitude . ', ' . $center->longitude;
+        $gmapsConfig['center'] = $center->latitude.', '.$center->longitude;
         $gmapsConfig['onboundschanged'] = "if ((typeof centreGot === 'undefined') || !centreGot) {
             var mapCentre = map.getCenter();
             marker_0.setOptions({
@@ -171,7 +171,7 @@ 
         centreGot = true;";
         $this->initialize($gmapsConfig);
         $gmapsMarker = [];
-        $gmapsMarker['position'] = $center->latitude . ', ' . $center->longitude;
+        $gmapsMarker['position'] = $center->latitude.', '.$center->longitude;
         $gmapsMarker['animation'] = 'DROP';
         $gmapsMarker['highlightBackgroundColor'] = 'ff0000';
         $this->add_marker($gmapsMarker);
@@ -195,7 +195,7 @@ 
         float $latBottomRight,
         float $longBottomRight
     ) {
-        if (! $tileOverlayFolderUrl) {
+        if (!$tileOverlayFolderUrl) {
             return;
         }
 
@@ -240,40 +240,40 @@ 
         $marker = array();
         $this->markersInfo['marker_'.count($this->markers)] = array();
 
-        $marker['position'] = '';                                // The position (lat/long co-ordinate or address) at which the marker will appear
-        $marker['infowindow_content'] = '';                        // If not blank, creates an infowindow (aka bubble) with the content provided. Can be plain text or HTML
-        $marker['id'] = '';                                        // The unique identifier of the marker suffix (ie. marker_yourID). If blank, this will default to marker_X where X is an incremental number
-        $marker['clickable'] = true;                            // Defines if the marker is clickable
-        $marker['cursor'] = '';                                    // The name or url of the cursor to display on hover
-        $marker['draggable'] = false;                            // Defines if the marker is draggable
-        $marker['flat'] = false;                                // If set to TRUE will not display a shadow beneath the icon
-        $marker['icon'] = '';                                    // The name or url of the icon to use for the marker
-        $marker['icon_size'] = '';                                // The display size of the sprite or image being used. When using sprites, you must specify the sprite size. Expecting two comma-separated values for width and height respectively (ie '20,30'). See https://developers.google.com/maps/documentation/javascript/3.exp/reference#Icon
-        $marker['icon_scaledSize'] = '';                        // The size of the entire image after scaling, if any. Use this property to stretch/shrink an image or a sprite. Expecting two comma-separated values for width and height respectively (ie '20,30')
-        $marker['icon_origin'] = '';                            // If using a sprite, the position of the image within the sprite. Expecting two comma-separated values for distance from the top and left respectively (ie '20,30')
-        $marker['icon_anchor'] = '';                            // The position at which to anchor an image in correspondance to the location of the marker on the map. By default, the anchor is located along the center point of the bottom of the image. Expecting two comma-separated values (ie '20,30'). Credit to https://github.com/colethorsen
-        $marker['animation'] = '';                                // blank, 'DROP' or 'BOUNCE'
-        $marker['onclick'] = '';                                // JavaScript performed when a marker is clicked
-        $marker['ondblclick'] = '';                                // JavaScript performed when a marker is double-clicked
-        $marker['ondrag'] = '';                                    // JavaScript repeatedly performed while the marker is being dragged
-        $marker['ondragstart'] = '';                            // JavaScript performed when a marker is started to be dragged
-        $marker['ondragend'] = '';                                // JavaScript performed when a draggable marker is dropped
-        $marker['onmousedown'] = '';                            // JavaScript performed when a mousedown event occurs on a marker
-        $marker['onmouseout'] = '';                                // JavaScript performed when the mouse leaves the area of the marker icon
-        $marker['onmouseover'] = '';                            // JavaScript performed when the mouse enters the area of the marker icon
-        $marker['onmouseup'] = '';                                // JavaScript performed when a mouseup event occurs on a marker
-        $marker['onpositionchanged'] = '';                        // JavaScript performed when the markers position changes
-        $marker['onrightclick'] = '';                            // JavaScript performed when a right-click occurs on a marker
-        $marker['raiseondrag'] = true;                            // If FALSE, disables the raising and lowering of the icon when a marker is being dragged
-        $marker['shadow'] = '';                                    // The name or url of the icon's shadow
-        $marker['title'] = '';                                    // The tooltip text to show on hover
-        $marker['visible'] = true;                                // Defines if the marker is visible by default
-        $marker['zIndex'] = '';                                    // The zIndex of the marker. If two markers overlap, the marker with the higher zIndex will appear on top
-        $marker['label'] = '';                                    // The label of the marker.
-        $marker['label_color'] = '';                              // The color of the label text. Default color is black.
-        $marker['label_fontSize'] = '';                           // The font family of the label text (equivalent to the CSS font-family property).
-        $marker['label_fontFamily'] = '';                         // The font size of the label text (equivalent to the CSS font-size property). Default size is 14px.
-        $marker['label_fontWeight'] = '';                         // The font weight of the label text (equivalent to the CSS font-weight property).
+        $marker['position'] = ''; // The position (lat/long co-ordinate or address) at which the marker will appear
+        $marker['infowindow_content'] = ''; // If not blank, creates an infowindow (aka bubble) with the content provided. Can be plain text or HTML
+        $marker['id'] = ''; // The unique identifier of the marker suffix (ie. marker_yourID). If blank, this will default to marker_X where X is an incremental number
+        $marker['clickable'] = true; // Defines if the marker is clickable
+        $marker['cursor'] = ''; // The name or url of the cursor to display on hover
+        $marker['draggable'] = false; // Defines if the marker is draggable
+        $marker['flat'] = false; // If set to TRUE will not display a shadow beneath the icon
+        $marker['icon'] = ''; // The name or url of the icon to use for the marker
+        $marker['icon_size'] = ''; // The display size of the sprite or image being used. When using sprites, you must specify the sprite size. Expecting two comma-separated values for width and height respectively (ie '20,30'). See https://developers.google.com/maps/documentation/javascript/3.exp/reference#Icon
+        $marker['icon_scaledSize'] = ''; // The size of the entire image after scaling, if any. Use this property to stretch/shrink an image or a sprite. Expecting two comma-separated values for width and height respectively (ie '20,30')
+        $marker['icon_origin'] = ''; // If using a sprite, the position of the image within the sprite. Expecting two comma-separated values for distance from the top and left respectively (ie '20,30')
+        $marker['icon_anchor'] = ''; // The position at which to anchor an image in correspondance to the location of the marker on the map. By default, the anchor is located along the center point of the bottom of the image. Expecting two comma-separated values (ie '20,30'). Credit to https://github.com/colethorsen
+        $marker['animation'] = ''; // blank, 'DROP' or 'BOUNCE'
+        $marker['onclick'] = ''; // JavaScript performed when a marker is clicked
+        $marker['ondblclick'] = ''; // JavaScript performed when a marker is double-clicked
+        $marker['ondrag'] = ''; // JavaScript repeatedly performed while the marker is being dragged
+        $marker['ondragstart'] = ''; // JavaScript performed when a marker is started to be dragged
+        $marker['ondragend'] = ''; // JavaScript performed when a draggable marker is dropped
+        $marker['onmousedown'] = ''; // JavaScript performed when a mousedown event occurs on a marker
+        $marker['onmouseout'] = ''; // JavaScript performed when the mouse leaves the area of the marker icon
+        $marker['onmouseover'] = ''; // JavaScript performed when the mouse enters the area of the marker icon
+        $marker['onmouseup'] = ''; // JavaScript performed when a mouseup event occurs on a marker
+        $marker['onpositionchanged'] = ''; // JavaScript performed when the markers position changes
+        $marker['onrightclick'] = ''; // JavaScript performed when a right-click occurs on a marker
+        $marker['raiseondrag'] = true; // If FALSE, disables the raising and lowering of the icon when a marker is being dragged
+        $marker['shadow'] = ''; // The name or url of the icon's shadow
+        $marker['title'] = ''; // The tooltip text to show on hover
+        $marker['visible'] = true; // Defines if the marker is visible by default
+        $marker['zIndex'] = ''; // The zIndex of the marker. If two markers overlap, the marker with the higher zIndex will appear on top
+        $marker['label'] = ''; // The label of the marker.
+        $marker['label_color'] = ''; // The color of the label text. Default color is black.
+        $marker['label_fontSize'] = ''; // The font family of the label text (equivalent to the CSS font-family property).
+        $marker['label_fontFamily'] = ''; // The font size of the label text (equivalent to the CSS font-size property). Default size is 14px.
+        $marker['label_fontWeight'] = ''; // The font weight of the label text (equivalent to the CSS font-weight property).
 
         $marker_output = '';
 
@@ -510,20 +510,20 @@ 
     {
         $polyline = array();
 
-        $polyline['points'] = array();                            // An array of latitude/longitude coordinates OR addresses, or a mixture of both. If an address is supplied the Google geocoding service will be used to return a lat/long.
-        $polyline['clickable'] = true;                            // Defines if the polyline is clickable
-        $polyline['strokeColor'] = '#FF0000';                    // The hex value of the polylines color
-        $polyline['strokeOpacity'] = '1.0';                        // The opacity of the polyline. 0 to 1.0
-        $polyline['strokeWeight'] = '2';                        // The thickness of the polyline
-        $polyline['onclick'] = '';                                // JavaScript performed when a polyline is clicked
-        $polyline['ondblclick'] = '';                            // JavaScript performed when a polyline is double-clicked
-        $polyline['onmousedown'] = '';                            // JavaScript performed when a mousedown event occurs on a polyline
-        $polyline['onmousemove'] = '';                            // JavaScript performed when the mouse moves in the area of the polyline
-        $polyline['onmouseout'] = '';                            // JavaScript performed when the mouse leaves the area of the polyline
-        $polyline['onmouseover'] = '';                            // JavaScript performed when the mouse enters the area of the polyline
-        $polyline['onmouseup'] = '';                            // JavaScript performed when a mouseup event occurs on a polyline
-        $polyline['onrightclick'] = '';                            // JavaScript performed when a right-click occurs on a polyline
-        $polyline['zIndex'] = '';                                // The zIndex of the polyline. If two polylines overlap, the polyline with the higher zIndex will appear on top
+        $polyline['points'] = array(); // An array of latitude/longitude coordinates OR addresses, or a mixture of both. If an address is supplied the Google geocoding service will be used to return a lat/long.
+        $polyline['clickable'] = true; // Defines if the polyline is clickable
+        $polyline['strokeColor'] = '#FF0000'; // The hex value of the polylines color
+        $polyline['strokeOpacity'] = '1.0'; // The opacity of the polyline. 0 to 1.0
+        $polyline['strokeWeight'] = '2'; // The thickness of the polyline
+        $polyline['onclick'] = ''; // JavaScript performed when a polyline is clicked
+        $polyline['ondblclick'] = ''; // JavaScript performed when a polyline is double-clicked
+        $polyline['onmousedown'] = ''; // JavaScript performed when a mousedown event occurs on a polyline
+        $polyline['onmousemove'] = ''; // JavaScript performed when the mouse moves in the area of the polyline
+        $polyline['onmouseout'] = ''; // JavaScript performed when the mouse leaves the area of the polyline
+        $polyline['onmouseover'] = ''; // JavaScript performed when the mouse enters the area of the polyline
+        $polyline['onmouseup'] = ''; // JavaScript performed when a mouseup event occurs on a polyline
+        $polyline['onrightclick'] = ''; // JavaScript performed when a right-click occurs on a polyline
+        $polyline['zIndex'] = ''; // The zIndex of the polyline. If two polylines overlap, the polyline with the higher zIndex will appear on top
 
         $polyline_output = '';
 
@@ -649,22 +649,22 @@ 
     {
         $polygon = array();
 
-        $polygon['points'] = array();                            // The positions (latitude/longitude coordinates OR addresses) at which the polygon points will appear. NOTE: The first and last elements of the array must be the same
-        $polygon['clickable'] = true;                            // Defines if the polygon is clickable
-        $polygon['strokeColor'] = '#FF0000';                    // The hex value of the polygons border color
-        $polygon['strokeOpacity'] = '0.8';                        // The opacity of the polygon border. 0 to 1.0
-        $polygon['strokeWeight'] = '2';                            // The thickness of the polygon border
-        $polygon['fillColor'] = '#FF0000';                        // The hex value of the polygons fill color
-        $polygon['fillOpacity'] = '0.3';                        // The opacity of the polygons fill
-        $polygon['onclick'] = '';                                // JavaScript performed when a polygon is clicked
-        $polygon['ondblclick'] = '';                            // JavaScript performed when a polygon is double-clicked
-        $polygon['onmousedown'] = '';                            // JavaScript performed when a mousedown event occurs on a polygon
-        $polygon['onmousemove'] = '';                            // JavaScript performed when the mouse moves in the area of the polygon
-        $polygon['onmouseout'] = '';                            // JavaScript performed when the mouse leaves the area of the polygon
-        $polygon['onmouseover'] = '';                            // JavaScript performed when the mouse enters the area of the polygon
-        $polygon['onmouseup'] = '';                                // JavaScript performed when a mouseup event occurs on a polygon
-        $polygon['onrightclick'] = '';                            // JavaScript performed when a right-click occurs on a polygon
-        $polygon['zIndex'] = '';                                // The zIndex of the polygon. If two polygons overlap, the polygon with the higher zIndex will appear on top
+        $polygon['points'] = array(); // The positions (latitude/longitude coordinates OR addresses) at which the polygon points will appear. NOTE: The first and last elements of the array must be the same
+        $polygon['clickable'] = true; // Defines if the polygon is clickable
+        $polygon['strokeColor'] = '#FF0000'; // The hex value of the polygons border color
+        $polygon['strokeOpacity'] = '0.8'; // The opacity of the polygon border. 0 to 1.0
+        $polygon['strokeWeight'] = '2'; // The thickness of the polygon border
+        $polygon['fillColor'] = '#FF0000'; // The hex value of the polygons fill color
+        $polygon['fillOpacity'] = '0.3'; // The opacity of the polygons fill
+        $polygon['onclick'] = ''; // JavaScript performed when a polygon is clicked
+        $polygon['ondblclick'] = ''; // JavaScript performed when a polygon is double-clicked
+        $polygon['onmousedown'] = ''; // JavaScript performed when a mousedown event occurs on a polygon
+        $polygon['onmousemove'] = ''; // JavaScript performed when the mouse moves in the area of the polygon
+        $polygon['onmouseout'] = ''; // JavaScript performed when the mouse leaves the area of the polygon
+        $polygon['onmouseover'] = ''; // JavaScript performed when the mouse enters the area of the polygon
+        $polygon['onmouseup'] = ''; // JavaScript performed when a mouseup event occurs on a polygon
+        $polygon['onrightclick'] = ''; // JavaScript performed when a right-click occurs on a polygon
+        $polygon['zIndex'] = ''; // The zIndex of the polygon. If two polygons overlap, the polygon with the higher zIndex will appear on top
 
         $polygon_output = '';
 
@@ -797,23 +797,23 @@ 
     {
         $circle = array();
 
-        $circle['center'] = '';                                    // The center position (latitude/longitude coordinate OR addresse) at which the circle will appear
-        $circle['clickable'] = true;                            // Defines if the circle is clickable
-        $circle['radius'] = 0;                                    // The circle radius (in metres)
-        $circle['strokeColor'] = '0.8';                            // The hex value of the circles border color
-        $circle['strokeOpacity'] = '0.8';                        // The opacity of the circle border
-        $circle['strokeWeight'] = '2';                            // The thickness of the circle border
-        $circle['fillColor'] = '#FF0000';                        // The hex value of the circles fill color
-        $circle['fillOpacity'] = '0.3';                            // The opacity of the circles fill
-        $circle['onclick'] = '';                                // JavaScript performed when a circle is clicked
-        $circle['ondblclick'] = '';                                // JavaScript performed when a circle is double-clicked
-        $circle['onmousedown'] = '';                            // JavaScript performed when a mousedown event occurs on a circle
-        $circle['onmousemove'] = '';                            // JavaScript performed when the mouse moves in the area of the circle
-        $circle['onmouseout'] = '';                                // JavaScript performed when the mouse leaves the area of the circle
-        $circle['onmouseover'] = '';                            // JavaScript performed when the mouse enters the area of the circle
-        $circle['onmouseup'] = '';                                // JavaScript performed when a mouseup event occurs on a circle
-        $circle['onrightclick'] = '';                            // JavaScript performed when a right-click occurs on a circle
-        $circle['zIndex'] = '';                                    // The zIndex of the circle. If two circles overlap, the circle with the higher zIndex will appear on top
+        $circle['center'] = ''; // The center position (latitude/longitude coordinate OR addresse) at which the circle will appear
+        $circle['clickable'] = true; // Defines if the circle is clickable
+        $circle['radius'] = 0; // The circle radius (in metres)
+        $circle['strokeColor'] = '0.8'; // The hex value of the circles border color
+        $circle['strokeOpacity'] = '0.8'; // The opacity of the circle border
+        $circle['strokeWeight'] = '2'; // The thickness of the circle border
+        $circle['fillColor'] = '#FF0000'; // The hex value of the circles fill color
+        $circle['fillOpacity'] = '0.3'; // The opacity of the circles fill
+        $circle['onclick'] = ''; // JavaScript performed when a circle is clicked
+        $circle['ondblclick'] = ''; // JavaScript performed when a circle is double-clicked
+        $circle['onmousedown'] = ''; // JavaScript performed when a mousedown event occurs on a circle
+        $circle['onmousemove'] = ''; // JavaScript performed when the mouse moves in the area of the circle
+        $circle['onmouseout'] = ''; // JavaScript performed when the mouse leaves the area of the circle
+        $circle['onmouseover'] = ''; // JavaScript performed when the mouse enters the area of the circle
+        $circle['onmouseup'] = ''; // JavaScript performed when a mouseup event occurs on a circle
+        $circle['onrightclick'] = ''; // JavaScript performed when a right-click occurs on a circle
+        $circle['zIndex'] = ''; // The zIndex of the circle. If two circles overlap, the circle with the higher zIndex will appear on top
 
         $circle_output = '';
 
@@ -928,23 +928,23 @@ 
     {
         $rectangle = array();
 
-        $rectangle['positionSW'] = '';                            // The South-West position (latitude/longitude coordinate OR address) at which the rectangle will appear
-        $rectangle['positionNE'] = '';                            // The North-East position(latitude/longitude coordinate OR address) at which the rectangle will appear
-        $rectangle['clickable'] = true;                            // Defines if the rectangle is clickable
-        $rectangle['strokeColor'] = '0.8';                        // The hex value of the rectangles border color
-        $rectangle['strokeOpacity'] = '0.8';                    // The opacity of the rectangle border
-        $rectangle['strokeWeight'] = '2';                        // The thickness of the rectangle border
-        $rectangle['fillColor'] = '#FF0000';                    // The hex value of the rectangles fill color
-        $rectangle['fillOpacity'] = '0.3';                        // The opacity of the rectangles fill
-        $rectangle['onclick'] = '';                                // JavaScript performed when a rectangle is clicked
-        $rectangle['ondblclick'] = '';                            // JavaScript performed when a rectangle is double-clicked
-        $rectangle['onmousedown'] = '';                            // JavaScript performed when a mousedown event occurs on a rectangle
-        $rectangle['onmousemove'] = '';                            // JavaScript performed when the mouse moves in the area of the rectangle
-        $rectangle['onmouseout'] = '';                            // JavaScript performed when the mouse leaves the area of the rectangle
-        $rectangle['onmouseover'] = '';                            // JavaScript performed when the mouse enters the area of the rectangle
-        $rectangle['onmouseup'] = '';                            // JavaScript performed when a mouseup event occurs on a rectangle
-        $rectangle['onrightclick'] = '';                        // JavaScript performed when a right-click occurs on a rectangle
-        $rectangle['zIndex'] = '';                                // The zIndex of the rectangle. If two rectangles overlap, the rectangle with the higher zIndex will appear on top
+        $rectangle['positionSW'] = ''; // The South-West position (latitude/longitude coordinate OR address) at which the rectangle will appear
+        $rectangle['positionNE'] = ''; // The North-East position(latitude/longitude coordinate OR address) at which the rectangle will appear
+        $rectangle['clickable'] = true; // Defines if the rectangle is clickable
+        $rectangle['strokeColor'] = '0.8'; // The hex value of the rectangles border color
+        $rectangle['strokeOpacity'] = '0.8'; // The opacity of the rectangle border
+        $rectangle['strokeWeight'] = '2'; // The thickness of the rectangle border
+        $rectangle['fillColor'] = '#FF0000'; // The hex value of the rectangles fill color
+        $rectangle['fillOpacity'] = '0.3'; // The opacity of the rectangles fill
+        $rectangle['onclick'] = ''; // JavaScript performed when a rectangle is clicked
+        $rectangle['ondblclick'] = ''; // JavaScript performed when a rectangle is double-clicked
+        $rectangle['onmousedown'] = ''; // JavaScript performed when a mousedown event occurs on a rectangle
+        $rectangle['onmousemove'] = ''; // JavaScript performed when the mouse moves in the area of the rectangle
+        $rectangle['onmouseout'] = ''; // JavaScript performed when the mouse leaves the area of the rectangle
+        $rectangle['onmouseover'] = ''; // JavaScript performed when the mouse enters the area of the rectangle
+        $rectangle['onmouseup'] = ''; // JavaScript performed when a mouseup event occurs on a rectangle
+        $rectangle['onrightclick'] = ''; // JavaScript performed when a right-click occurs on a rectangle
+        $rectangle['zIndex'] = ''; // The zIndex of the rectangle. If two rectangles overlap, the rectangle with the higher zIndex will appear on top
 
         $rectangle_output = '';
 
@@ -1076,11 +1076,11 @@ 
     {
         $overlay = array();
 
-        $overlay['image'] = '';                                    // JavaScript performed when a ground overlay is clicked
-        $overlay['positionSW'] = '';                            // The South-West position (latitude/longitude coordinate OR addresse) at which the ground overlay will appear
-        $overlay['positionNE'] = '';                            // The North-East position (latitude/longitude coordinate OR addresse) at which the ground overlay will appear
-        $overlay['clickable'] = true;                            // Defines if the ground overlay is clickable
-        $overlay['onclick'] = '';                                // JavaScript performed when a ground overlay is clicked
+        $overlay['image'] = ''; // JavaScript performed when a ground overlay is clicked
+        $overlay['positionSW'] = ''; // The South-West position (latitude/longitude coordinate OR addresse) at which the ground overlay will appear
+        $overlay['positionNE'] = ''; // The North-East position (latitude/longitude coordinate OR addresse) at which the ground overlay will appear
+        $overlay['clickable'] = true; // Defines if the ground overlay is clickable
+        $overlay['onclick'] = ''; // JavaScript performed when a ground overlay is clicked
 
         $overlay_output = '';
 
@@ -1292,9 +1292,9 @@ 
             $this->output_js_contents .= '
 					center: myLatlng,';
         }
-        if($this->gestureHandling != 'auto'){
+        if ($this->gestureHandling != 'auto') {
             $this->output_js_contents .= '
-                    gestureHandling: \''.$this->gestureHandling .'\',';
+                    gestureHandling: \''.$this->gestureHandling.'\',';
         }
         if (strtolower($this->map_type) == "street") {
             $map_type = "ROADMAP";
@@ -1433,7 +1433,7 @@ 
 
 
         $this->output_js_contents .= '};';
-        $this->output_js_contents .= $this->map_name .' = new google.maps.Map(document.getElementById("'.$this->map_div_id.'"), myOptions);';
+        $this->output_js_contents .= $this->map_name.' = new google.maps.Map(document.getElementById("'.$this->map_div_id.'"), myOptions);';
 
         if (count($this->tiledOverlayLayers)) {
             foreach ($this->tiledOverlayLayers as $index => $javascript) {
@@ -1934,14 +1934,14 @@ 
                 $this->output_js_contents .= ',
 				styles: [ ';
                 $styleOutput = [];
-                foreach($this->clusterStyles as $clusterStyle){
-                    $attributes =[];
-                    foreach($clusterStyle as $key => $style){
+                foreach ($this->clusterStyles as $clusterStyle) {
+                    $attributes = [];
+                    foreach ($clusterStyle as $key => $style) {
                         $attributes[] = $key.':"'.$style.'"';
                     }
-                    $styleOutput[] = '{'.implode(',',$attributes).'}';
+                    $styleOutput[] = '{'.implode(',', $attributes).'}';
                 }
-                $this->output_js_contents .= implode(',',$styleOutput);
+                $this->output_js_contents .= implode(',', $styleOutput);
                 $this->output_js_contents .= ']';
             }