google.maps.Marker class.\n * \n * MarkerWithLabel allows you to define markers with associated labels. As you would expect,\n * if the marker is draggable, so too will be the label. In addition, a marker with a label\n * responds to all mouse events in the same manner as a regular marker. It also fires mouse\n * events and \"property changed\" events just as a regular marker would. Version 1.1 adds\n * support for the raiseOnDrag feature introduced in API V3.3.\n *
\n * If you drag a marker by its label, you can cancel the drag and return the marker to its\n * original position by pressing the Esc key. This doesn't work if you drag the marker\n * itself because this feature is not (yet) supported in the google.maps.Marker class.\n */\n\n/*!\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/*jslint browser:true */\n\n/*global document,google */\n\n/**\n * @param {Function} childCtor Child class.\n * @param {Function} parentCtor Parent class.\n */\nfunction inherits(childCtor, parentCtor) {\n /** @constructor */\n function tempCtor() {}\n\n ;\n tempCtor.prototype = parentCtor.prototype;\n childCtor.superClass_ = parentCtor.prototype;\n childCtor.prototype = new tempCtor();\n /** @override */\n\n childCtor.prototype.constructor = childCtor;\n}\n/**\n * @param {Object} gMapsApi The Google Maps API instance (usually `google.maps`)\n * @return {Function} The instantiable MarkerWithLabel class\n */\n\n\nmodule.exports = function (gMapsApi) {\n /**\n * This constructor creates a label and associates it with a marker.\n * It is for the private use of the MarkerWithLabel class.\n * @constructor\n * @param {Marker} marker The marker with which the label is to be associated.\n * @param {string} crossURL The URL of the cross image =.\n * @param {string} handCursor The URL of the hand cursor.\n * @private\n */\n function MarkerLabel_(marker, crossURL, handCursorURL) {\n this.marker_ = marker;\n this.handCursorURL_ = marker.handCursorURL;\n this.labelDiv_ = document.createElement(\"div\");\n this.labelDiv_.style.cssText = \"position: absolute; overflow: hidden;\"; // Set up the DIV for handling mouse events in the label. This DIV forms a transparent veil\n // in the \"overlayMouseTarget\" pane, a veil that covers just the label. This is done so that\n // events can be captured even if the label is in the shadow of a google.maps.InfoWindow.\n // Code is included here to ensure the veil is always exactly the same size as the label.\n\n this.eventDiv_ = document.createElement(\"div\");\n this.eventDiv_.style.cssText = this.labelDiv_.style.cssText; // This is needed for proper behavior on MSIE:\n\n this.eventDiv_.addEventListener('selectstart', function () {\n return false;\n });\n this.eventDiv_.addEventListener('dragstart', function () {\n return false;\n }); // Get the DIV for the \"X\" to be displayed when the marker is raised.\n\n this.crossDiv_ = MarkerLabel_.getSharedCross(crossURL);\n }\n\n inherits(MarkerLabel_, gMapsApi.OverlayView);\n /**\n * Returns the DIV for the cross used when dragging a marker when the\n * raiseOnDrag parameter set to true. One cross is shared with all markers.\n * @param {string} crossURL The URL of the cross image =.\n * @private\n */\n\n MarkerLabel_.getSharedCross = function (crossURL) {\n var div;\n\n if (typeof MarkerLabel_.getSharedCross.crossDiv === \"undefined\") {\n div = document.createElement(\"img\");\n div.style.cssText = \"position: absolute; z-index: 1000002; display: none;\"; // Hopefully Google never changes the standard \"X\" attributes:\n\n div.style.marginLeft = \"-8px\";\n div.style.marginTop = \"-9px\";\n div.src = crossURL;\n MarkerLabel_.getSharedCross.crossDiv = div;\n }\n\n return MarkerLabel_.getSharedCross.crossDiv;\n };\n /**\n * Adds the DIV representing the label to the DOM. This method is called\n * automatically when the marker's setMap method is called.\n * @private\n */\n\n\n MarkerLabel_.prototype.onAdd = function () {\n var me = this;\n var cMouseIsDown = false;\n var cDraggingLabel = false;\n var cSavedZIndex;\n var cLatOffset, cLngOffset;\n var cIgnoreClick;\n var cRaiseEnabled;\n var cStartPosition;\n var cStartCenter; // Constants:\n\n var cRaiseOffset = 20;\n var cDraggingCursor = \"url(\" + this.handCursorURL_ + \")\"; // Stops all processing of an event.\n //\n\n var cAbortEvent = function cAbortEvent(e) {\n if (e.preventDefault) {\n e.preventDefault();\n }\n\n e.cancelBubble = true;\n\n if (e.stopPropagation) {\n e.stopPropagation();\n }\n };\n\n var cStopBounce = function cStopBounce() {\n me.marker_.setAnimation(null);\n };\n\n this.getPanes().markerLayer.appendChild(this.labelDiv_);\n this.getPanes().overlayMouseTarget.appendChild(this.eventDiv_); // One cross is shared with all markers, so only add it once:\n\n if (typeof MarkerLabel_.getSharedCross.processed === \"undefined\") {\n this.getPanes().markerLayer.appendChild(this.crossDiv_);\n MarkerLabel_.getSharedCross.processed = true;\n }\n\n this.listeners_ = [gMapsApi.event.addDomListener(this.eventDiv_, \"mouseover\", function (e) {\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\n this.style.cursor = \"pointer\";\n gMapsApi.event.trigger(me.marker_, \"mouseover\", e);\n }\n }), gMapsApi.event.addDomListener(this.eventDiv_, \"mouseout\", function (e) {\n if ((me.marker_.getDraggable() || me.marker_.getClickable()) && !cDraggingLabel) {\n this.style.cursor = me.marker_.getCursor();\n gMapsApi.event.trigger(me.marker_, \"mouseout\", e);\n }\n }), gMapsApi.event.addDomListener(this.eventDiv_, \"mousedown\", function (e) {\n cDraggingLabel = false;\n\n if (me.marker_.getDraggable()) {\n cMouseIsDown = true;\n this.style.cursor = cDraggingCursor;\n }\n\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\n gMapsApi.event.trigger(me.marker_, \"mousedown\", e);\n cAbortEvent(e); // Prevent map pan when starting a drag on a label\n }\n }), gMapsApi.event.addDomListener(document, \"mouseup\", function (mEvent) {\n var position;\n\n if (cMouseIsDown) {\n cMouseIsDown = false;\n me.eventDiv_.style.cursor = \"pointer\";\n gMapsApi.event.trigger(me.marker_, \"mouseup\", mEvent);\n }\n\n if (cDraggingLabel) {\n if (cRaiseEnabled) {\n // Lower the marker & label\n position = me.getProjection().fromLatLngToDivPixel(me.marker_.getPosition());\n position.y += cRaiseOffset;\n me.marker_.setPosition(me.getProjection().fromDivPixelToLatLng(position)); // This is not the same bouncing style as when the marker portion is dragged,\n // but it will have to do:\n\n try {\n // Will fail if running Google Maps API earlier than V3.3\n me.marker_.setAnimation(gMapsApi.Animation.BOUNCE);\n setTimeout(cStopBounce, 1406);\n } catch (e) {}\n }\n\n me.crossDiv_.style.display = \"none\";\n me.marker_.setZIndex(cSavedZIndex);\n cIgnoreClick = true; // Set flag to ignore the click event reported after a label drag\n\n cDraggingLabel = false;\n mEvent.latLng = me.marker_.getPosition();\n gMapsApi.event.trigger(me.marker_, \"dragend\", mEvent);\n }\n }), gMapsApi.event.addListener(me.marker_.getMap(), \"mousemove\", function (mEvent) {\n var position;\n\n if (cMouseIsDown) {\n if (cDraggingLabel) {\n // Change the reported location from the mouse position to the marker position:\n mEvent.latLng = new gMapsApi.LatLng(mEvent.latLng.lat() - cLatOffset, mEvent.latLng.lng() - cLngOffset);\n position = me.getProjection().fromLatLngToDivPixel(mEvent.latLng);\n\n if (cRaiseEnabled) {\n me.crossDiv_.style.left = position.x + \"px\";\n me.crossDiv_.style.top = position.y + \"px\";\n me.crossDiv_.style.display = \"\";\n position.y -= cRaiseOffset;\n }\n\n me.marker_.setPosition(me.getProjection().fromDivPixelToLatLng(position));\n\n if (cRaiseEnabled) {\n // Don't raise the veil; this hack needed to make MSIE act properly\n me.eventDiv_.style.top = position.y + cRaiseOffset + \"px\";\n }\n\n gMapsApi.event.trigger(me.marker_, \"drag\", mEvent);\n } else {\n // Calculate offsets from the click point to the marker position:\n cLatOffset = mEvent.latLng.lat() - me.marker_.getPosition().lat();\n cLngOffset = mEvent.latLng.lng() - me.marker_.getPosition().lng();\n cSavedZIndex = me.marker_.getZIndex();\n cStartPosition = me.marker_.getPosition();\n cStartCenter = me.marker_.getMap().getCenter();\n cRaiseEnabled = me.marker_.get(\"raiseOnDrag\");\n cDraggingLabel = true;\n me.marker_.setZIndex(1000000); // Moves the marker & label to the foreground during a drag\n\n mEvent.latLng = me.marker_.getPosition();\n gMapsApi.event.trigger(me.marker_, \"dragstart\", mEvent);\n }\n }\n }), gMapsApi.event.addDomListener(document, \"keydown\", function (e) {\n if (cDraggingLabel) {\n if (e.keyCode === 27) {\n // Esc key\n cRaiseEnabled = false;\n me.marker_.setPosition(cStartPosition);\n me.marker_.getMap().setCenter(cStartCenter);\n gMapsApi.event.trigger(document, \"mouseup\", e);\n }\n }\n }), gMapsApi.event.addDomListener(this.eventDiv_, \"click\", function (e) {\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\n if (cIgnoreClick) {\n // Ignore the click reported when a label drag ends\n cIgnoreClick = false;\n } else {\n gMapsApi.event.trigger(me.marker_, \"click\", e);\n cAbortEvent(e); // Prevent click from being passed on to map\n }\n }\n }), gMapsApi.event.addDomListener(this.eventDiv_, \"dblclick\", function (e) {\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\n gMapsApi.event.trigger(me.marker_, \"dblclick\", e);\n cAbortEvent(e); // Prevent map zoom when double-clicking on a label\n }\n }), gMapsApi.event.addListener(this.marker_, \"dragstart\", function (mEvent) {\n if (!cDraggingLabel) {\n cRaiseEnabled = this.get(\"raiseOnDrag\");\n }\n }), gMapsApi.event.addListener(this.marker_, \"drag\", function (mEvent) {\n if (!cDraggingLabel) {\n if (cRaiseEnabled) {\n me.setPosition(cRaiseOffset); // During a drag, the marker's z-index is temporarily set to 1000000 to\n // ensure it appears above all other markers. Also set the label's z-index\n // to 1000000 (plus or minus 1 depending on whether the label is supposed\n // to be above or below the marker).\n\n me.labelDiv_.style.zIndex = 1000000 + (this.get(\"labelInBackground\") ? -1 : +1);\n }\n }\n }), gMapsApi.event.addListener(this.marker_, \"dragend\", function (mEvent) {\n if (!cDraggingLabel) {\n if (cRaiseEnabled) {\n me.setPosition(0); // Also restores z-index of label\n }\n }\n }), gMapsApi.event.addListener(this.marker_, \"position_changed\", function () {\n me.setPosition();\n }), gMapsApi.event.addListener(this.marker_, \"zindex_changed\", function () {\n me.setZIndex();\n }), gMapsApi.event.addListener(this.marker_, \"visible_changed\", function () {\n me.setVisible();\n }), gMapsApi.event.addListener(this.marker_, \"labelvisible_changed\", function () {\n me.setVisible();\n }), gMapsApi.event.addListener(this.marker_, \"title_changed\", function () {\n me.setTitle();\n }), gMapsApi.event.addListener(this.marker_, \"labelcontent_changed\", function () {\n me.setContent();\n }), gMapsApi.event.addListener(this.marker_, \"labelanchor_changed\", function () {\n me.setAnchor();\n }), gMapsApi.event.addListener(this.marker_, \"labelclass_changed\", function () {\n me.setStyles();\n }), gMapsApi.event.addListener(this.marker_, \"labelstyle_changed\", function () {\n me.setStyles();\n })];\n };\n /**\n * Removes the DIV for the label from the DOM. It also removes all event handlers.\n * This method is called automatically when the marker's setMap(null)\n * method is called.\n * @private\n */\n\n\n MarkerLabel_.prototype.onRemove = function () {\n var i;\n\n if (this.labelDiv_.parentNode) {\n this.labelDiv_.parentNode.removeChild(this.labelDiv_);\n this.eventDiv_.parentNode.removeChild(this.eventDiv_);\n } // Remove event listeners:\n\n\n if (this.listeners_) {\n for (i = 0; i < this.listeners_.length; i++) {\n gMapsApi.event.removeListener(this.listeners_[i]);\n }\n }\n };\n /**\n * Draws the label on the map.\n * @private\n */\n\n\n MarkerLabel_.prototype.draw = function () {\n this.setContent();\n this.setTitle();\n this.setStyles();\n };\n /**\n * Sets the content of the label.\n * The content can be plain text or an HTML DOM node.\n * @private\n */\n\n\n MarkerLabel_.prototype.setContent = function () {\n var content = this.marker_.get(\"labelContent\");\n\n if (typeof content.nodeType === \"undefined\") {\n this.labelDiv_.innerHTML = content;\n this.eventDiv_.innerHTML = this.labelDiv_.innerHTML;\n } else {\n // Remove current content\n while (this.labelDiv_.lastChild) {\n this.labelDiv_.removeChild(this.labelDiv_.lastChild);\n }\n\n while (this.eventDiv_.lastChild) {\n this.eventDiv_.removeChild(this.eventDiv_.lastChild);\n }\n\n this.labelDiv_.appendChild(content);\n content = content.cloneNode(true);\n this.eventDiv_.appendChild(content);\n }\n };\n /**\n * Sets the content of the tool tip for the label. It is\n * always set to be the same as for the marker itself.\n * @private\n */\n\n\n MarkerLabel_.prototype.setTitle = function () {\n this.eventDiv_.title = this.marker_.getTitle() || \"\";\n };\n /**\n * Sets the style of the label by setting the style sheet and applying\n * other specific styles requested.\n * @private\n */\n\n\n MarkerLabel_.prototype.setStyles = function () {\n var i, labelStyle; // Apply style values from the style sheet defined in the labelClass parameter:\n\n this.labelDiv_.className = this.marker_.get(\"labelClass\");\n this.eventDiv_.className = this.labelDiv_.className; // Clear existing inline style values:\n\n this.labelDiv_.style.cssText = \"\";\n this.eventDiv_.style.cssText = \"\"; // Apply style values defined in the labelStyle parameter:\n\n labelStyle = this.marker_.get(\"labelStyle\");\n\n for (i in labelStyle) {\n if (labelStyle.hasOwnProperty(i)) {\n this.labelDiv_.style[i] = labelStyle[i];\n this.eventDiv_.style[i] = labelStyle[i];\n }\n }\n\n this.setMandatoryStyles();\n };\n /**\n * Sets the mandatory styles to the DIV representing the label as well as to the\n * associated event DIV. This includes setting the DIV position, z-index, and visibility.\n * @private\n */\n\n\n MarkerLabel_.prototype.setMandatoryStyles = function () {\n this.labelDiv_.style.position = \"absolute\";\n this.labelDiv_.style.overflow = \"hidden\"; // Make sure the opacity setting causes the desired effect on MSIE:\n\n if (typeof this.labelDiv_.style.opacity !== \"undefined\" && this.labelDiv_.style.opacity !== \"\") {\n this.labelDiv_.style.MsFilter = \"\\\"progid:DXImageTransform.Microsoft.Alpha(opacity=\" + this.labelDiv_.style.opacity * 100 + \")\\\"\";\n this.labelDiv_.style.filter = \"alpha(opacity=\" + this.labelDiv_.style.opacity * 100 + \")\";\n }\n\n this.eventDiv_.style.position = this.labelDiv_.style.position;\n this.eventDiv_.style.overflow = this.labelDiv_.style.overflow;\n this.eventDiv_.style.opacity = 0.01; // Don't use 0; DIV won't be clickable on MSIE\n\n this.eventDiv_.style.MsFilter = \"\\\"progid:DXImageTransform.Microsoft.Alpha(opacity=1)\\\"\";\n this.eventDiv_.style.filter = \"alpha(opacity=1)\"; // For MSIE\n\n this.setAnchor();\n this.setPosition(); // This also updates z-index, if necessary.\n\n this.setVisible();\n };\n /**\n * Sets the anchor point of the label.\n * @private\n */\n\n\n MarkerLabel_.prototype.setAnchor = function () {\n var anchor = this.marker_.get(\"labelAnchor\");\n this.labelDiv_.style.marginLeft = -anchor.x + \"px\";\n this.labelDiv_.style.marginTop = -anchor.y + \"px\";\n this.eventDiv_.style.marginLeft = -anchor.x + \"px\";\n this.eventDiv_.style.marginTop = -anchor.y + \"px\";\n };\n /**\n * Sets the position of the label. The z-index is also updated, if necessary.\n * @private\n */\n\n\n MarkerLabel_.prototype.setPosition = function (yOffset) {\n var position = this.getProjection().fromLatLngToDivPixel(this.marker_.getPosition());\n\n if (typeof yOffset === \"undefined\") {\n yOffset = 0;\n }\n\n this.labelDiv_.style.left = Math.round(position.x) + \"px\";\n this.labelDiv_.style.top = Math.round(position.y - yOffset) + \"px\";\n this.eventDiv_.style.left = this.labelDiv_.style.left;\n this.eventDiv_.style.top = this.labelDiv_.style.top;\n this.setZIndex();\n };\n /**\n * Sets the z-index of the label. If the marker's z-index property has not been defined, the z-index\n * of the label is set to the vertical coordinate of the label. This is in keeping with the default\n * stacking order for Google Maps: markers to the south are in front of markers to the north.\n * @private\n */\n\n\n MarkerLabel_.prototype.setZIndex = function () {\n var zAdjust = this.marker_.get(\"labelInBackground\") ? -1 : +1;\n\n if (typeof this.marker_.getZIndex() === \"undefined\") {\n this.labelDiv_.style.zIndex = parseInt(this.labelDiv_.style.top, 10) + zAdjust;\n this.eventDiv_.style.zIndex = this.labelDiv_.style.zIndex;\n } else {\n this.labelDiv_.style.zIndex = this.marker_.getZIndex() + zAdjust;\n this.eventDiv_.style.zIndex = this.labelDiv_.style.zIndex;\n }\n };\n /**\n * Sets the visibility of the label. The label is visible only if the marker itself is\n * visible (i.e., its visible property is true) and the labelVisible property is true.\n * @private\n */\n\n\n MarkerLabel_.prototype.setVisible = function () {\n if (this.marker_.get(\"labelVisible\")) {\n this.labelDiv_.style.display = this.marker_.getVisible() ? \"block\" : \"none\";\n } else {\n this.labelDiv_.style.display = \"none\";\n }\n\n this.eventDiv_.style.display = this.labelDiv_.style.display;\n };\n /**\n * @name MarkerWithLabelOptions\n * @class This class represents the optional parameter passed to the {@link MarkerWithLabel} constructor.\n * The properties available are the same as for google.maps.Marker with the addition\n * of the properties listed below. To change any of these additional properties after the labeled\n * marker has been created, call google.maps.Marker.set(propertyName, propertyValue).\n *
\n * When any of these properties changes, a property changed event is fired. The names of these\n * events are derived from the name of the property and are of the form propertyname_changed.\n * For example, if the content of the label changes, a labelcontent_changed event\n * is fired.\n *
\n * @property {string|Node} [labelContent] The content of the label (plain text or an HTML DOM node).\n * @property {Point} [labelAnchor] By default, a label is drawn with its anchor point at (0,0) so\n * that its top left corner is positioned at the anchor point of the associated marker. Use this\n * property to change the anchor point of the label. For example, to center a 50px-wide label\n * beneath a marker, specify a labelAnchor of google.maps.Point(25, 0).\n * (Note: x-values increase to the right and y-values increase to the top.)\n * @property {string} [labelClass] The name of the CSS class defining the styles for the label.\n * Note that style values for position, overflow, top,\n * left, zIndex, display, marginLeft, and\n * marginTop are ignored; these styles are for internal use only.\n * @property {Object} [labelStyle] An object literal whose properties define specific CSS\n * style values to be applied to the label. Style values defined here override those that may\n * be defined in the labelClass style sheet. If this property is changed after the\n * label has been created, all previously set styles (except those defined in the style sheet)\n * are removed from the label before the new style values are applied.\n * Note that style values for position, overflow, top,\n * left, zIndex, display, marginLeft, and\n * marginTop are ignored; these styles are for internal use only.\n * @property {boolean} [labelInBackground] A flag indicating whether a label that overlaps its\n * associated marker should appear in the background (i.e., in a plane below the marker).\n * The default is false, which causes the label to appear in the foreground.\n * @property {boolean} [labelVisible] A flag indicating whether the label is to be visible.\n * The default is true. Note that even if labelVisible is\n * true, the label will not be visible unless the associated marker is also\n * visible (i.e., unless the marker's visible property is true).\n * @property {boolean} [raiseOnDrag] A flag indicating whether the label and marker are to be\n * raised when the marker is dragged. The default is true. If a draggable marker is\n * being created and a version of Google Maps API earlier than V3.3 is being used, this property\n * must be set to false.\n * @property {boolean} [optimized] A flag indicating whether rendering is to be optimized for the\n * marker. Important: The optimized rendering technique is not supported by MarkerWithLabel,\n * so the value of this parameter is always forced to false.\n * @property {string} [crossImage=\"http://maps.gstatic.com/intl/en_us/mapfiles/drag_cross_67_16.png\"]\n * The URL of the cross image to be displayed while dragging a marker.\n * @property {string} [handCursor=\"http://maps.gstatic.com/intl/en_us/mapfiles/closedhand_8_8.cur\"]\n * The URL of the cursor to be displayed while dragging a marker.\n */\n\n /**\n * Creates a MarkerWithLabel with the options specified in {@link MarkerWithLabelOptions}.\n * @constructor\n * @param {MarkerWithLabelOptions} [opt_options] The optional parameters.\n */\n\n\n function MarkerWithLabel(opt_options) {\n opt_options = opt_options || {};\n opt_options.labelContent = opt_options.labelContent || \"\";\n opt_options.labelAnchor = opt_options.labelAnchor || new gMapsApi.Point(0, 0);\n opt_options.labelClass = opt_options.labelClass || \"markerLabels\";\n opt_options.labelStyle = opt_options.labelStyle || {};\n opt_options.labelInBackground = opt_options.labelInBackground || false;\n\n if (typeof opt_options.labelVisible === \"undefined\") {\n opt_options.labelVisible = true;\n }\n\n if (typeof opt_options.raiseOnDrag === \"undefined\") {\n opt_options.raiseOnDrag = true;\n }\n\n if (typeof opt_options.clickable === \"undefined\") {\n opt_options.clickable = true;\n }\n\n if (typeof opt_options.draggable === \"undefined\") {\n opt_options.draggable = false;\n }\n\n if (typeof opt_options.optimized === \"undefined\") {\n opt_options.optimized = false;\n }\n\n opt_options.crossImage = opt_options.crossImage || \"http\" + (document.location.protocol === \"https:\" ? \"s\" : \"\") + \"://maps.gstatic.com/intl/en_us/mapfiles/drag_cross_67_16.png\";\n opt_options.handCursor = opt_options.handCursor || \"http\" + (document.location.protocol === \"https:\" ? \"s\" : \"\") + \"://maps.gstatic.com/intl/en_us/mapfiles/closedhand_8_8.cur\";\n opt_options.optimized = false; // Optimized rendering is not supported\n\n this.label = new MarkerLabel_(this, opt_options.crossImage, opt_options.handCursor); // Bind the label to the marker\n // Call the parent constructor. It calls Marker.setValues to initialize, so all\n // the new parameters are conveniently saved and can be accessed with get/set.\n // Marker.set triggers a property changed event (called \"propertyname_changed\")\n // that the marker label listens for in order to react to state changes.\n\n gMapsApi.Marker.apply(this, arguments);\n }\n\n inherits(MarkerWithLabel, gMapsApi.Marker);\n /**\n * Overrides the standard Marker setMap function.\n * @param {Map} theMap The map to which the marker is to be added.\n * @private\n */\n\n MarkerWithLabel.prototype.setMap = function (theMap) {\n // Call the inherited function...\n gMapsApi.Marker.prototype.setMap.apply(this, arguments); // ... then deal with the label:\n\n this.label.setMap(theMap);\n };\n\n return MarkerWithLabel;\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.BicyclingLayer = undefined;\n\nvar _defineProperty2 = require(\"babel-runtime/helpers/defineProperty\");\n\nvar _defineProperty3 = _interopRequireDefault(_defineProperty2);\n\nvar _getPrototypeOf = require(\"babel-runtime/core-js/object/get-prototype-of\");\n\nvar _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);\n\nvar _classCallCheck2 = require(\"babel-runtime/helpers/classCallCheck\");\n\nvar _classCallCheck3 = _interopRequireDefault(_classCallCheck2);\n\nvar _createClass2 = require(\"babel-runtime/helpers/createClass\");\n\nvar _createClass3 = _interopRequireDefault(_createClass2);\n\nvar _possibleConstructorReturn2 = require(\"babel-runtime/helpers/possibleConstructorReturn\");\n\nvar _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);\n\nvar _inherits2 = require(\"babel-runtime/helpers/inherits\");\n\nvar _inherits3 = _interopRequireDefault(_inherits2);\n\nvar _react = require(\"react\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require(\"prop-types\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _MapChildHelper = require(\"../utils/MapChildHelper\");\n\nvar _constants = require(\"../constants\");\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n/**\n * A wrapper around `google.maps.BicyclingLayer`\n *\n * @see https://developers.google.com/maps/documentation/javascript/3.exp/reference#BicyclingLayer\n */\n\n/*\n * -----------------------------------------------------------------------------\n * This file is auto-generated from the corresponding file at `src/macros/`.\n * Please **DO NOT** edit this file directly when creating PRs.\n * -----------------------------------------------------------------------------\n */\n\n/* global google */\n\n\nvar BicyclingLayer = exports.BicyclingLayer = function (_React$PureComponent) {\n ;\n (0, _inherits3.default)(BicyclingLayer, _React$PureComponent);\n /*\n * @see https://developers.google.com/maps/documentation/javascript/3.exp/reference#BicyclingLayer\n */\n\n function BicyclingLayer(props, context) {\n ;\n (0, _classCallCheck3.default)(this, BicyclingLayer);\n\n var _this = (0, _possibleConstructorReturn3.default)(this, (BicyclingLayer.__proto__ || (0, _getPrototypeOf2.default)(BicyclingLayer)).call(this, props, context));\n\n var bicyclingLayer = new google.maps.BicyclingLayer();\n (0, _MapChildHelper.construct)(BicyclingLayer.propTypes, updaterMap, _this.props, bicyclingLayer);\n bicyclingLayer.setMap(_this.context[_constants.MAP]);\n _this.state = (0, _defineProperty3.default)({}, _constants.BICYCLING_LAYER, bicyclingLayer);\n return _this;\n }\n\n ;\n (0, _createClass3.default)(BicyclingLayer, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n ;\n (0, _MapChildHelper.componentDidMount)(this, this.state[_constants.BICYCLING_LAYER], eventMap);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n ;\n (0, _MapChildHelper.componentDidUpdate)(this, this.state[_constants.BICYCLING_LAYER], eventMap, updaterMap, prevProps);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n ;\n (0, _MapChildHelper.componentWillUnmount)(this);\n var bicyclingLayer = this.state[_constants.BICYCLING_LAYER];\n\n if (bicyclingLayer) {\n bicyclingLayer.setMap(null);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return false;\n }\n }]);\n return BicyclingLayer;\n}(_react2.default.PureComponent);\n\nBicyclingLayer.propTypes = {};\nBicyclingLayer.contextTypes = (0, _defineProperty3.default)({}, _constants.MAP, _propTypes2.default.object);\nexports.default = BicyclingLayer;\nvar eventMap = {};\nvar updaterMap = {};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Circle = undefined;\n\nvar _defineProperty2 = require(\"babel-runtime/helpers/defineProperty\");\n\nvar _defineProperty3 = _interopRequireDefault(_defineProperty2);\n\nvar _getPrototypeOf = require(\"babel-runtime/core-js/object/get-prototype-of\");\n\nvar _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);\n\nvar _classCallCheck2 = require(\"babel-runtime/helpers/classCallCheck\");\n\nvar _classCallCheck3 = _interopRequireDefault(_classCallCheck2);\n\nvar _createClass2 = require(\"babel-runtime/helpers/createClass\");\n\nvar _createClass3 = _interopRequireDefault(_createClass2);\n\nvar _possibleConstructorReturn2 = require(\"babel-runtime/helpers/possibleConstructorReturn\");\n\nvar _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);\n\nvar _inherits2 = require(\"babel-runtime/helpers/inherits\");\n\nvar _inherits3 = _interopRequireDefault(_inherits2);\n\nvar _react = require(\"react\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require(\"prop-types\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _MapChildHelper = require(\"../utils/MapChildHelper\");\n\nvar _constants = require(\"../constants\");\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n/**\n * A wrapper around `google.maps.Circle`\n *\n * @see https://developers.google.com/maps/documentation/javascript/3.exp/reference#Circle\n */\n\n/*\n * -----------------------------------------------------------------------------\n * This file is auto-generated from the corresponding file at `src/macros/`.\n * Please **DO NOT** edit this file directly when creating PRs.\n * -----------------------------------------------------------------------------\n */\n\n/* global google */\n\n\nvar Circle = exports.Circle = function (_React$PureComponent) {\n ;\n (0, _inherits3.default)(Circle, _React$PureComponent);\n /*\n * @see https://developers.google.com/maps/documentation/javascript/3.exp/reference#Circle\n */\n\n function Circle(props, context) {\n ;\n (0, _classCallCheck3.default)(this, Circle);\n\n var _this = (0, _possibleConstructorReturn3.default)(this, (Circle.__proto__ || (0, _getPrototypeOf2.default)(Circle)).call(this, props, context));\n\n var circle = new google.maps.Circle();\n (0, _MapChildHelper.construct)(Circle.propTypes, updaterMap, _this.props, circle);\n circle.setMap(_this.context[_constants.MAP]);\n _this.state = (0, _defineProperty3.default)({}, _constants.CIRCLE, circle);\n return _this;\n }\n\n ;\n (0, _createClass3.default)(Circle, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n ;\n (0, _MapChildHelper.componentDidMount)(this, this.state[_constants.CIRCLE], eventMap);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n ;\n (0, _MapChildHelper.componentDidUpdate)(this, this.state[_constants.CIRCLE], eventMap, updaterMap, prevProps);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n ;\n (0, _MapChildHelper.componentWillUnmount)(this);\n var circle = this.state[_constants.CIRCLE];\n\n if (circle) {\n circle.setMap(null);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return false;\n }\n /**\n * Gets the `LatLngBounds` of this Circle.\n * @type LatLngBoundsLatLngBounds\n * @public\n */\n\n }, {\n key: \"getBounds\",\n value: function getBounds() {\n return this.state[_constants.CIRCLE].getBounds();\n }\n /**\n * Returns the center of this circle.\n * @type LatLng\n * @public\n */\n\n }, {\n key: \"getCenter\",\n value: function getCenter() {\n return this.state[_constants.CIRCLE].getCenter();\n }\n /**\n * Returns whether this circle can be dragged by the user.\n * @type boolean\n * @public\n */\n\n }, {\n key: \"getDraggable\",\n value: function getDraggable() {\n return this.state[_constants.CIRCLE].getDraggable();\n }\n /**\n * Returns whether this circle can be edited by the user.\n * @type boolean\n * @public\n */\n\n }, {\n key: \"getEditable\",\n value: function getEditable() {\n return this.state[_constants.CIRCLE].getEditable();\n }\n /**\n * Returns the radius of this circle (in meters).\n * @type number\n * @public\n */\n\n }, {\n key: \"getRadius\",\n value: function getRadius() {\n return this.state[_constants.CIRCLE].getRadius();\n }\n /**\n * Returns whether this circle is visible on the map.\n * @type boolean\n * @public\n */\n\n }, {\n key: \"getVisible\",\n value: function getVisible() {\n return this.state[_constants.CIRCLE].getVisible();\n }\n }]);\n return Circle;\n}(_react2.default.PureComponent);\n\nCircle.propTypes = {\n /**\n * @type LatLng|LatLngLiteral\n */\n defaultCenter: _propTypes2.default.any,\n\n /**\n * @type boolean\n */\n defaultDraggable: _propTypes2.default.bool,\n\n /**\n * @type boolean\n */\n defaultEditable: _propTypes2.default.bool,\n\n /**\n * @type CircleOptions\n */\n defaultOptions: _propTypes2.default.any,\n\n /**\n * @type number\n */\n defaultRadius: _propTypes2.default.number,\n\n /**\n * @type boolean\n */\n defaultVisible: _propTypes2.default.bool,\n\n /**\n * @type LatLng|LatLngLiteral\n */\n center: _propTypes2.default.any,\n\n /**\n * @type boolean\n */\n draggable: _propTypes2.default.bool,\n\n /**\n * @type boolean\n */\n editable: _propTypes2.default.bool,\n\n /**\n * @type CircleOptions\n */\n options: _propTypes2.default.any,\n\n /**\n * @type number\n */\n radius: _propTypes2.default.number,\n\n /**\n * @type boolean\n */\n visible: _propTypes2.default.bool,\n\n /**\n * function\n */\n onDblClick: _propTypes2.default.func,\n\n /**\n * function\n */\n onDragEnd: _propTypes2.default.func,\n\n /**\n * function\n */\n onDragStart: _propTypes2.default.func,\n\n /**\n * function\n */\n onMouseDown: _propTypes2.default.func,\n\n /**\n * function\n */\n onMouseMove: _propTypes2.default.func,\n\n /**\n * function\n */\n onMouseOut: _propTypes2.default.func,\n\n /**\n * function\n */\n onMouseOver: _propTypes2.default.func,\n\n /**\n * function\n */\n onMouseUp: _propTypes2.default.func,\n\n /**\n * function\n */\n onRightClick: _propTypes2.default.func,\n\n /**\n * function\n */\n onCenterChanged: _propTypes2.default.func,\n\n /**\n * function\n */\n onClick: _propTypes2.default.func,\n\n /**\n * function\n */\n onDrag: _propTypes2.default.func,\n\n /**\n * function\n */\n onRadiusChanged: _propTypes2.default.func\n};\nCircle.contextTypes = (0, _defineProperty3.default)({}, _constants.MAP, _propTypes2.default.object);\nexports.default = Circle;\nvar eventMap = {\n onDblClick: \"dblclick\",\n onDragEnd: \"dragend\",\n onDragStart: \"dragstart\",\n onMouseDown: \"mousedown\",\n onMouseMove: \"mousemove\",\n onMouseOut: \"mouseout\",\n onMouseOver: \"mouseover\",\n onMouseUp: \"mouseup\",\n onRightClick: \"rightclick\",\n onCenterChanged: \"center_changed\",\n onClick: \"click\",\n onDrag: \"drag\",\n onRadiusChanged: \"radius_changed\"\n};\nvar updaterMap = {\n center: function center(instance, _center) {\n instance.setCenter(_center);\n },\n draggable: function draggable(instance, _draggable) {\n instance.setDraggable(_draggable);\n },\n editable: function editable(instance, _editable) {\n instance.setEditable(_editable);\n },\n options: function options(instance, _options) {\n instance.setOptions(_options);\n },\n radius: function radius(instance, _radius) {\n instance.setRadius(_radius);\n },\n visible: function visible(instance, _visible) {\n instance.setVisible(_visible);\n }\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.DirectionsRenderer = undefined;\n\nvar _defineProperty2 = require(\"babel-runtime/helpers/defineProperty\");\n\nvar _defineProperty3 = _interopRequireDefault(_defineProperty2);\n\nvar _getPrototypeOf = require(\"babel-runtime/core-js/object/get-prototype-of\");\n\nvar _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);\n\nvar _classCallCheck2 = require(\"babel-runtime/helpers/classCallCheck\");\n\nvar _classCallCheck3 = _interopRequireDefault(_classCallCheck2);\n\nvar _createClass2 = require(\"babel-runtime/helpers/createClass\");\n\nvar _createClass3 = _interopRequireDefault(_createClass2);\n\nvar _possibleConstructorReturn2 = require(\"babel-runtime/helpers/possibleConstructorReturn\");\n\nvar _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);\n\nvar _inherits2 = require(\"babel-runtime/helpers/inherits\");\n\nvar _inherits3 = _interopRequireDefault(_inherits2);\n\nvar _react = require(\"react\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require(\"prop-types\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _MapChildHelper = require(\"../utils/MapChildHelper\");\n\nvar _constants = require(\"../constants\");\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n/**\n * A wrapper around `google.maps.DirectionsRenderer`\n *\n * @see https://developers.google.com/maps/documentation/javascript/3.exp/reference#DirectionsRenderer\n */\n\n/*\n * -----------------------------------------------------------------------------\n * This file is auto-generated from the corresponding file at `src/macros/`.\n * Please **DO NOT** edit this file directly when creating PRs.\n * -----------------------------------------------------------------------------\n */\n\n/* global google */\n\n\nvar DirectionsRenderer = exports.DirectionsRenderer = function (_React$PureComponent) {\n ;\n (0, _inherits3.default)(DirectionsRenderer, _React$PureComponent);\n /*\n * @see https://developers.google.com/maps/documentation/javascript/3.exp/reference#DirectionsRenderer\n */\n\n function DirectionsRenderer(props, context) {\n ;\n (0, _classCallCheck3.default)(this, DirectionsRenderer);\n\n var _this = (0, _possibleConstructorReturn3.default)(this, (DirectionsRenderer.__proto__ || (0, _getPrototypeOf2.default)(DirectionsRenderer)).call(this, props, context));\n\n var directionsRenderer = new google.maps.DirectionsRenderer();\n (0, _MapChildHelper.construct)(DirectionsRenderer.propTypes, updaterMap, _this.props, directionsRenderer);\n directionsRenderer.setMap(_this.context[_constants.MAP]);\n _this.state = (0, _defineProperty3.default)({}, _constants.DIRECTIONS_RENDERER, directionsRenderer);\n return _this;\n }\n\n ;\n (0, _createClass3.default)(DirectionsRenderer, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n ;\n (0, _MapChildHelper.componentDidMount)(this, this.state[_constants.DIRECTIONS_RENDERER], eventMap);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n ;\n (0, _MapChildHelper.componentDidUpdate)(this, this.state[_constants.DIRECTIONS_RENDERER], eventMap, updaterMap, prevProps);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n ;\n (0, _MapChildHelper.componentWillUnmount)(this);\n var directionsRenderer = this.state[_constants.DIRECTIONS_RENDERER];\n\n if (directionsRenderer) {\n directionsRenderer.setMap(null);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return false;\n }\n /**\n * Returns the renderer's current set of directions.\n * @type DirectionsResult\n * @public\n */\n\n }, {\n key: \"getDirections\",\n value: function getDirections() {\n return this.state[_constants.DIRECTIONS_RENDERER].getDirections();\n }\n /**\n * Returns the panel `