google.maps.Marker class.\r\n * \r\n * MarkerWithLabel allows you to define markers with associated labels. As you would expect,\r\n * if the marker is draggable, so too will be the label. In addition, a marker with a label\r\n * responds to all mouse events in the same manner as a regular marker. It also fires mouse\r\n * events and \"property changed\" events just as a regular marker would. Version 1.1 adds\r\n * support for the raiseOnDrag feature introduced in API V3.3.\r\n *
\r\n * If you drag a marker by its label, you can cancel the drag and return the marker to its\r\n * original position by pressing the Esc key. This doesn't work if you drag the marker\r\n * itself because this feature is not (yet) supported in the google.maps.Marker class.\r\n */\r\n\r\n/*!\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n * http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n/*jslint browser:true */\r\n/*global document,google */\r\n\r\n/**\r\n * @param {Function} childCtor Child class.\r\n * @param {Function} parentCtor Parent class.\r\n * @private\r\n */\r\nfunction inherits(childCtor, parentCtor) {\r\n /* @constructor */\r\n function tempCtor() {}\r\n try{\r\n tempCtor.prototype = parentCtor.prototype;\r\n childCtor.superClass_ = parentCtor.prototype;\r\n childCtor.prototype = new tempCtor();\r\n /* @override */\r\n childCtor.prototype.constructor = childCtor;\r\n }catch(e) {\r\n console.log('marker error');\r\n }\r\n \r\n }\r\n \r\n /**\r\n * This constructor creates a label and associates it with a marker.\r\n * It is for the private use of the MarkerWithLabel class.\r\n * @constructor\r\n * @param {Marker} marker The marker with which the label is to be associated.\r\n * @param {string} crossURL The URL of the cross image =.\r\n * @param {string} handCursor The URL of the hand cursor.\r\n * @private\r\n */\r\n function MarkerLabel_(marker, crossURL, handCursorURL) {\r\n this.marker_ = marker;\r\n this.handCursorURL_ = marker.handCursorURL;\r\n \r\n this.labelDiv_ = document.createElement(\"div\");\r\n this.labelDiv_.style.cssText = \"position: absolute; overflow: hidden;\";\r\n \r\n // Get the DIV for the \"X\" to be displayed when the marker is raised.\r\n this.crossDiv_ = MarkerLabel_.getSharedCross(crossURL);\r\n }\r\n \r\n inherits(MarkerLabel_, google.maps.OverlayView);\r\n \r\n /**\r\n * Returns the DIV for the cross used when dragging a marker when the\r\n * raiseOnDrag parameter set to true. One cross is shared with all markers.\r\n * @param {string} crossURL The URL of the cross image =.\r\n * @private\r\n */\r\n MarkerLabel_.getSharedCross = function (crossURL) {\r\n var div;\r\n if (typeof MarkerLabel_.getSharedCross.crossDiv === \"undefined\") {\r\n div = document.createElement(\"img\");\r\n div.style.cssText = \"position: absolute; z-index: 1000002; display: none;\";\r\n // Hopefully Google never changes the standard \"X\" attributes:\r\n div.style.marginLeft = \"-8px\";\r\n div.style.marginTop = \"-9px\";\r\n div.src = crossURL;\r\n MarkerLabel_.getSharedCross.crossDiv = div;\r\n }\r\n return MarkerLabel_.getSharedCross.crossDiv;\r\n };\r\n \r\n /**\r\n * Adds the DIV representing the label to the DOM. This method is called\r\n * automatically when the marker's setMap method is called.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.onAdd = function () {\r\n var me = this;\r\n var cMouseIsDown = false;\r\n var cDraggingLabel = false;\r\n var cSavedZIndex;\r\n var cLatOffset, cLngOffset;\r\n var cIgnoreClick;\r\n var cRaiseEnabled;\r\n var cStartPosition;\r\n var cStartCenter;\r\n // Constants:\r\n var cRaiseOffset = 20;\r\n var cDraggingCursor = \"url(\" + this.handCursorURL_ + \")\";\r\n \r\n // Stops all processing of an event.\r\n //\r\n var cAbortEvent = function (e) {\r\n if (e.preventDefault) {\r\n e.preventDefault();\r\n }\r\n e.cancelBubble = true;\r\n if (e.stopPropagation) {\r\n e.stopPropagation();\r\n }\r\n };\r\n \r\n var cStopBounce = function () {\r\n me.marker_.setAnimation(null);\r\n };\r\n \r\n this.getPanes().overlayMouseTarget.appendChild(this.labelDiv_);\r\n // One cross is shared with all markers, so only add it once:\r\n if (typeof MarkerLabel_.getSharedCross.processed === \"undefined\") {\r\n this.getPanes().overlayMouseTarget.appendChild(this.crossDiv_);\r\n MarkerLabel_.getSharedCross.processed = true;\r\n }\r\n \r\n this.listeners_ = [\r\n google.maps.event.addDomListener(this.labelDiv_, \"mouseover\", function (e) {\r\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\r\n this.style.cursor = \"pointer\";\r\n google.maps.event.trigger(me.marker_, \"mouseover\", e);\r\n }\r\n }),\r\n google.maps.event.addDomListener(this.labelDiv_, \"mouseout\", function (e) {\r\n if ((me.marker_.getDraggable() || me.marker_.getClickable()) && !cDraggingLabel) {\r\n this.style.cursor = me.marker_.getCursor();\r\n google.maps.event.trigger(me.marker_, \"mouseout\", e);\r\n }\r\n }),\r\n google.maps.event.addDomListener(this.labelDiv_, \"mousedown\", function (e) {\r\n cDraggingLabel = false;\r\n if (me.marker_.getDraggable()) {\r\n cMouseIsDown = true;\r\n this.style.cursor = cDraggingCursor;\r\n }\r\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\r\n google.maps.event.trigger(me.marker_, \"mousedown\", e);\r\n cAbortEvent(e); // Prevent map pan when starting a drag on a label\r\n }\r\n }),\r\n google.maps.event.addDomListener(document, \"mouseup\", function (mEvent) {\r\n var position;\r\n if (cMouseIsDown) {\r\n cMouseIsDown = false;\r\n me.eventDiv_.style.cursor = \"pointer\";\r\n google.maps.event.trigger(me.marker_, \"mouseup\", mEvent);\r\n }\r\n if (cDraggingLabel) {\r\n if (cRaiseEnabled) { // Lower the marker & label\r\n position = me.getProjection().fromLatLngToDivPixel(me.marker_.getPosition());\r\n position.y += cRaiseOffset;\r\n me.marker_.setPosition(me.getProjection().fromDivPixelToLatLng(position));\r\n // This is not the same bouncing style as when the marker portion is dragged,\r\n // but it will have to do:\r\n try { // Will fail if running Google Maps API earlier than V3.3\r\n me.marker_.setAnimation(google.maps.Animation.BOUNCE);\r\n setTimeout(cStopBounce, 1406);\r\n } catch (e) {}\r\n }\r\n me.crossDiv_.style.display = \"none\";\r\n me.marker_.setZIndex(cSavedZIndex);\r\n cIgnoreClick = true; // Set flag to ignore the click event reported after a label drag\r\n cDraggingLabel = false;\r\n mEvent.latLng = me.marker_.getPosition();\r\n google.maps.event.trigger(me.marker_, \"dragend\", mEvent);\r\n }\r\n }),\r\n google.maps.event.addListener(me.marker_.getMap(), \"mousemove\", function (mEvent) {\r\n var position;\r\n if (cMouseIsDown) {\r\n if (cDraggingLabel) {\r\n // Change the reported location from the mouse position to the marker position:\r\n mEvent.latLng = new google.maps.LatLng(mEvent.latLng.lat() - cLatOffset, mEvent.latLng.lng() - cLngOffset);\r\n position = me.getProjection().fromLatLngToDivPixel(mEvent.latLng);\r\n if (cRaiseEnabled) {\r\n me.crossDiv_.style.left = position.x + \"px\";\r\n me.crossDiv_.style.top = position.y + \"px\";\r\n me.crossDiv_.style.display = \"\";\r\n position.y -= cRaiseOffset;\r\n }\r\n me.marker_.setPosition(me.getProjection().fromDivPixelToLatLng(position));\r\n if (cRaiseEnabled) { // Don't raise the veil; this hack needed to make MSIE act properly\r\n me.eventDiv_.style.top = (position.y + cRaiseOffset) + \"px\";\r\n }\r\n google.maps.event.trigger(me.marker_, \"drag\", mEvent);\r\n } else {\r\n // Calculate offsets from the click point to the marker position:\r\n cLatOffset = mEvent.latLng.lat() - me.marker_.getPosition().lat();\r\n cLngOffset = mEvent.latLng.lng() - me.marker_.getPosition().lng();\r\n cSavedZIndex = me.marker_.getZIndex();\r\n cStartPosition = me.marker_.getPosition();\r\n cStartCenter = me.marker_.getMap().getCenter();\r\n cRaiseEnabled = me.marker_.get(\"raiseOnDrag\");\r\n cDraggingLabel = true;\r\n me.marker_.setZIndex(1000000); // Moves the marker & label to the foreground during a drag\r\n mEvent.latLng = me.marker_.getPosition();\r\n google.maps.event.trigger(me.marker_, \"dragstart\", mEvent);\r\n }\r\n }\r\n }),\r\n google.maps.event.addDomListener(document, \"keydown\", function (e) {\r\n if (cDraggingLabel) {\r\n if (e.keyCode === 27) { // Esc key\r\n cRaiseEnabled = false;\r\n me.marker_.setPosition(cStartPosition);\r\n me.marker_.getMap().setCenter(cStartCenter);\r\n google.maps.event.trigger(document, \"mouseup\", e);\r\n }\r\n }\r\n }),\r\n google.maps.event.addDomListener(this.labelDiv_, \"click\", function (e) {\r\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\r\n if (cIgnoreClick) { // Ignore the click reported when a label drag ends\r\n cIgnoreClick = false;\r\n } else {\r\n google.maps.event.trigger(me.marker_, \"click\", e);\r\n cAbortEvent(e); // Prevent click from being passed on to map\r\n }\r\n }\r\n }),\r\n google.maps.event.addDomListener(this.labelDiv_, \"dblclick\", function (e) {\r\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\r\n google.maps.event.trigger(me.marker_, \"dblclick\", e);\r\n cAbortEvent(e); // Prevent map zoom when double-clicking on a label\r\n }\r\n }),\r\n google.maps.event.addListener(this.marker_, \"dragstart\", function (mEvent) {\r\n if (!cDraggingLabel) {\r\n cRaiseEnabled = this.get(\"raiseOnDrag\");\r\n }\r\n }),\r\n google.maps.event.addListener(this.marker_, \"drag\", function (mEvent) {\r\n if (!cDraggingLabel) {\r\n if (cRaiseEnabled) {\r\n me.setPosition(cRaiseOffset);\r\n // During a drag, the marker's z-index is temporarily set to 1000000 to\r\n // ensure it appears above all other markers. Also set the label's z-index\r\n // to 1000000 (plus or minus 1 depending on whether the label is supposed\r\n // to be above or below the marker).\r\n me.labelDiv_.style.zIndex = 1000000 + (this.get(\"labelInBackground\") ? -1 : +1);\r\n }\r\n }\r\n }),\r\n google.maps.event.addListener(this.marker_, \"dragend\", function (mEvent) {\r\n if (!cDraggingLabel) {\r\n if (cRaiseEnabled) {\r\n me.setPosition(0); // Also restores z-index of label\r\n }\r\n }\r\n }),\r\n google.maps.event.addListener(this.marker_, \"position_changed\", function () {\r\n me.setPosition();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"zindex_changed\", function () {\r\n me.setZIndex();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"visible_changed\", function () {\r\n me.setVisible();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelvisible_changed\", function () {\r\n me.setVisible();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"title_changed\", function () {\r\n me.setTitle();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelcontent_changed\", function () {\r\n me.setContent();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelanchor_changed\", function () {\r\n me.setAnchor();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelclass_changed\", function () {\r\n me.setStyles();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelstyle_changed\", function () {\r\n me.setStyles();\r\n })\r\n ];\r\n };\r\n \r\n /**\r\n * Removes the DIV for the label from the DOM. It also removes all event handlers.\r\n * This method is called automatically when the marker's setMap(null)\r\n * method is called.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.onRemove = function () {\r\n var i;\r\n this.labelDiv_.parentNode.removeChild(this.labelDiv_);\r\n \r\n // Remove event listeners:\r\n for (i = 0; i < this.listeners_.length; i++) {\r\n google.maps.event.removeListener(this.listeners_[i]);\r\n }\r\n };\r\n \r\n /**\r\n * Draws the label on the map.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.draw = function () {\r\n this.setContent();\r\n this.setTitle();\r\n this.setStyles();\r\n };\r\n \r\n /**\r\n * Sets the content of the label.\r\n * The content can be plain text or an HTML DOM node.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.setContent = function () {\r\n var content = this.marker_.get(\"labelContent\");\r\n if (typeof content.nodeType === \"undefined\") {\r\n this.labelDiv_.innerHTML = content;\r\n } else {\r\n this.labelDiv_.innerHTML = \"\"; // Remove current content\r\n this.labelDiv_.appendChild(content);\r\n }\r\n };\r\n \r\n /**\r\n * Sets the content of the tool tip for the label. It is\r\n * always set to be the same as for the marker itself.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.setTitle = function () {\r\n this.labelDiv_.title = this.marker_.getTitle() || \"\";\r\n };\r\n \r\n /**\r\n * Sets the style of the label by setting the style sheet and applying\r\n * other specific styles requested.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.setStyles = function () {\r\n var i, labelStyle;\r\n \r\n // Apply style values from the style sheet defined in the labelClass parameter:\r\n this.labelDiv_.className = this.marker_.get(\"labelClass\");\r\n \r\n // Clear existing inline style values:\r\n this.labelDiv_.style.cssText = \"\";\r\n // Apply style values defined in the labelStyle parameter:\r\n labelStyle = this.marker_.get(\"labelStyle\");\r\n for (i in labelStyle) {\r\n if (labelStyle.hasOwnProperty(i)) {\r\n this.labelDiv_.style[i] = labelStyle[i];\r\n }\r\n }\r\n this.setMandatoryStyles();\r\n };\r\n \r\n /**\r\n * Sets the mandatory styles to the DIV representing the label as well as to the\r\n * associated event DIV. This includes setting the DIV position, z-index, and visibility.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.setMandatoryStyles = function () {\r\n this.labelDiv_.style.position = \"absolute\";\r\n this.labelDiv_.style.overflow = \"hidden\";\r\n // Make sure the opacity setting causes the desired effect on MSIE:\r\n if (typeof this.labelDiv_.style.opacity !== \"undefined\" && this.labelDiv_.style.opacity !== \"\") {\r\n this.labelDiv_.style.MsFilter = \"\\\"progid:DXImageTransform.Microsoft.Alpha(opacity=\" + (this.labelDiv_.style.opacity * 100) + \")\\\"\";\r\n this.labelDiv_.style.filter = \"alpha(opacity=\" + (this.labelDiv_.style.opacity * 100) + \")\";\r\n }\r\n \r\n this.setAnchor();\r\n this.setPosition(); // This also updates z-index, if necessary.\r\n this.setVisible();\r\n };\r\n \r\n /**\r\n * Sets the anchor point of the label.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.setAnchor = function () {\r\n var anchor = this.marker_.get(\"labelAnchor\");\r\n this.labelDiv_.style.marginLeft = -anchor.x + \"px\";\r\n this.labelDiv_.style.marginTop = -anchor.y + \"px\";\r\n };\r\n \r\n /**\r\n * Sets the position of the label. The z-index is also updated, if necessary.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.setPosition = function (yOffset) {\r\n var position = this.getProjection().fromLatLngToDivPixel(this.marker_.getPosition());\r\n if (typeof yOffset === \"undefined\") {\r\n yOffset = 0;\r\n }\r\n this.labelDiv_.style.left = Math.round(position.x) + \"px\";\r\n this.labelDiv_.style.top = Math.round(position.y - yOffset) + \"px\";\r\n \r\n this.setZIndex();\r\n };\r\n \r\n /**\r\n * Sets the z-index of the label. If the marker's z-index property has not been defined, the z-index\r\n * of the label is set to the vertical coordinate of the label. This is in keeping with the default\r\n * stacking order for Google Maps: markers to the south are in front of markers to the north.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.setZIndex = function () {\r\n var zAdjust = (this.marker_.get(\"labelInBackground\") ? -1 : +1);\r\n if (typeof this.marker_.getZIndex() === \"undefined\") {\r\n this.labelDiv_.style.zIndex = parseInt(this.labelDiv_.style.top, 10) + zAdjust;\r\n } else {\r\n this.labelDiv_.style.zIndex = this.marker_.getZIndex() + zAdjust;\r\n }\r\n };\r\n \r\n /**\r\n * Sets the visibility of the label. The label is visible only if the marker itself is\r\n * visible (i.e., its visible property is true) and the labelVisible property is true.\r\n * @private\r\n */\r\n MarkerLabel_.prototype.setVisible = function () {\r\n if (this.marker_.get(\"labelVisible\")) {\r\n this.labelDiv_.style.display = this.marker_.getVisible() ? \"block\" : \"none\";\r\n } else {\r\n this.labelDiv_.style.display = \"none\";\r\n }\r\n };\r\n \r\n /**\r\n * @name MarkerWithLabelOptions\r\n * @class This class represents the optional parameter passed to the {@link MarkerWithLabel} constructor.\r\n * The properties available are the same as for google.maps.Marker with the addition\r\n * of the properties listed below. To change any of these additional properties after the labeled\r\n * marker has been created, call google.maps.Marker.set(propertyName, propertyValue).\r\n *
\r\n * When any of these properties changes, a property changed event is fired. The names of these\r\n * events are derived from the name of the property and are of the form propertyname_changed.\r\n * For example, if the content of the label changes, a labelcontent_changed event\r\n * is fired.\r\n *
\r\n * @property {string|Node} [labelContent] The content of the label (plain text or an HTML DOM node).\r\n * @property {Point} [labelAnchor] By default, a label is drawn with its anchor point at (0,0) so\r\n * that its top left corner is positioned at the anchor point of the associated marker. Use this\r\n * property to change the anchor point of the label. For example, to center a 50px-wide label\r\n * beneath a marker, specify a labelAnchor of google.maps.Point(25, 0).\r\n * (Note: x-values increase to the right and y-values increase to the top.)\r\n * @property {string} [labelClass] The name of the CSS class defining the styles for the label.\r\n * Note that style values for position, overflow, top,\r\n * left, zIndex, display, marginLeft, and\r\n * marginTop are ignored; these styles are for internal use only.\r\n * @property {Object} [labelStyle] An object literal whose properties define specific CSS\r\n * style values to be applied to the label. Style values defined here override those that may\r\n * be defined in the labelClass style sheet. If this property is changed after the\r\n * label has been created, all previously set styles (except those defined in the style sheet)\r\n * are removed from the label before the new style values are applied.\r\n * Note that style values for position, overflow, top,\r\n * left, zIndex, display, marginLeft, and\r\n * marginTop are ignored; these styles are for internal use only.\r\n * @property {boolean} [labelInBackground] A flag indicating whether a label that overlaps its\r\n * associated marker should appear in the background (i.e., in a plane below the marker).\r\n * The default is false, which causes the label to appear in the foreground.\r\n * @property {boolean} [labelVisible] A flag indicating whether the label is to be visible.\r\n * The default is true. Note that even if labelVisible is\r\n * true, the label will not be visible unless the associated marker is also\r\n * visible (i.e., unless the marker's visible property is true).\r\n * @property {boolean} [raiseOnDrag] A flag indicating whether the label and marker are to be\r\n * raised when the marker is dragged. The default is true. If a draggable marker is\r\n * being created and a version of Google Maps API earlier than V3.3 is being used, this property\r\n * must be set to false.\r\n * @property {boolean} [optimized] A flag indicating whether rendering is to be optimized for the\r\n * marker. Important: The optimized rendering technique is not supported by MarkerWithLabel,\r\n * so the value of this parameter is always forced to false.\r\n * @property {string} [crossImage=\"http://maps.gstatic.com/intl/en_us/mapfiles/drag_cross_67_16.png\"]\r\n * The URL of the cross image to be displayed while dragging a marker.\r\n * @property {string} [handCursor=\"http://maps.gstatic.com/intl/en_us/mapfiles/closedhand_8_8.cur\"]\r\n * The URL of the cursor to be displayed while dragging a marker.\r\n */\r\n /**\r\n * Creates a MarkerWithLabel with the options specified in {@link MarkerWithLabelOptions}.\r\n * @constructor\r\n * @param {MarkerWithLabelOptions} [opt_options] The optional parameters.\r\n */\r\n function MarkerWithLabel(opt_options) {\r\n opt_options = opt_options || {};\r\n opt_options.labelContent = opt_options.labelContent || \"\";\r\n opt_options.labelAnchor = opt_options.labelAnchor || new google.maps.Point(0, 0);\r\n opt_options.labelClass = opt_options.labelClass || \"markerLabels\";\r\n opt_options.labelStyle = opt_options.labelStyle || {};\r\n opt_options.labelInBackground = opt_options.labelInBackground || false;\r\n if (typeof opt_options.labelVisible === \"undefined\") {\r\n opt_options.labelVisible = true;\r\n }\r\n if (typeof opt_options.raiseOnDrag === \"undefined\") {\r\n opt_options.raiseOnDrag = true;\r\n }\r\n if (typeof opt_options.clickable === \"undefined\") {\r\n opt_options.clickable = true;\r\n }\r\n if (typeof opt_options.draggable === \"undefined\") {\r\n opt_options.draggable = false;\r\n }\r\n if (typeof opt_options.optimized === \"undefined\") {\r\n opt_options.optimized = false;\r\n }\r\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\";\r\n opt_options.handCursor = opt_options.handCursor || \"http\" + (document.location.protocol === \"https:\" ? \"s\" : \"\") + \"://maps.gstatic.com/intl/en_us/mapfiles/closedhand_8_8.cur\";\r\n opt_options.optimized = false; // Optimized rendering is not supported\r\n \r\n this.label = new MarkerLabel_(this, opt_options.crossImage, opt_options.handCursor); // Bind the label to the marker\r\n \r\n // Call the parent constructor. It calls Marker.setValues to initialize, so all\r\n // the new parameters are conveniently saved and can be accessed with get/set.\r\n // Marker.set triggers a property changed event (called \"propertyname_changed\")\r\n // that the marker label listens for in order to react to state changes.\r\n google.maps.Marker.apply(this, arguments);\r\n }\r\n \r\n inherits(MarkerWithLabel, google.maps.Marker);\r\n \r\n /**\r\n * Overrides the standard Marker setMap function.\r\n * @param {Map} theMap The map to which the marker is to be added.\r\n * @private\r\n */\r\n MarkerWithLabel.prototype.setMap = function (theMap) {\r\n \r\n // Call the inherited function...\r\n google.maps.Marker.prototype.setMap.apply(this, arguments);\r\n \r\n // ... then deal with the label:\r\n this.label.setMap(theMap);\r\n };","(function (global, factory) {\r\n if (typeof define === \"function\" && define.amd) {\r\n define('SnazzyInfoWindow', ['module', 'exports'], factory);\r\n } else if (typeof exports !== \"undefined\") {\r\n factory(module, exports);\r\n } else {\r\n var mod = {\r\n exports: {}\r\n };\r\n factory(mod, mod.exports);\r\n global.SnazzyInfoWindow = mod.exports;\r\n }\r\n})(this, function (module, exports) {\r\n 'use strict';\r\n\r\n Object.defineProperty(exports, \"__esModule\", {\r\n value: true\r\n });\r\n\r\n function _classCallCheck(instance, Constructor) {\r\n if (!(instance instanceof Constructor)) {\r\n throw new TypeError(\"Cannot call a class as a function\");\r\n }\r\n }\r\n\r\n var _createClass = function () {\r\n function defineProperties(target, props) {\r\n for (var i = 0; i < props.length; i++) {\r\n var descriptor = props[i];\r\n descriptor.enumerable = descriptor.enumerable || false;\r\n descriptor.configurable = true;\r\n if (\"value\" in descriptor) descriptor.writable = true;\r\n Object.defineProperty(target, descriptor.key, descriptor);\r\n }\r\n }\r\n\r\n return function (Constructor, protoProps, staticProps) {\r\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\r\n if (staticProps) defineProperties(Constructor, staticProps);\r\n return Constructor;\r\n };\r\n }();\r\n\r\n function _possibleConstructorReturn(self, call) {\r\n if (!self) {\r\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\r\n }\r\n\r\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\r\n }\r\n\r\n function _inherits(subClass, superClass) {\r\n if (typeof superClass !== \"function\" && superClass !== null) {\r\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\r\n }\r\n\r\n subClass.prototype = Object.create(superClass && superClass.prototype, {\r\n constructor: {\r\n value: subClass,\r\n enumerable: false,\r\n writable: true,\r\n configurable: true\r\n }\r\n });\r\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\r\n }\r\n\r\n var _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\r\n return typeof obj;\r\n } : function (obj) {\r\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\r\n };\r\n\r\n // Global variables\r\n var _classPrefix = 'si-';\r\n var _root2 = 1.41421356237;\r\n var _inverseRoot2 = 0.7071067811865474;\r\n var _eventPrefix = 'snazzy-info-window-';\r\n var _defaultShadow = {\r\n h: '0px',\r\n v: '3px',\r\n blur: '6px',\r\n spread: '0px',\r\n color: '#000'\r\n };\r\n var _defaultOptions = {\r\n placement: 'top',\r\n pointer: true,\r\n openOnMarkerClick: true,\r\n closeOnMapClick: true,\r\n closeWhenOthersOpen: false,\r\n showCloseButton: true,\r\n panOnOpen: true,\r\n edgeOffset: {\r\n top: 20,\r\n right: 20,\r\n bottom: 20,\r\n left: 20\r\n }\r\n };\r\n\r\n // Copy keys from the source into the target\r\n function copyKeys(target, source) {\r\n if (target && source) {\r\n Object.keys(source).forEach(function (key) {\r\n target[key] = source[key];\r\n });\r\n }\r\n }\r\n\r\n // We need to safely merge options from the defaults. This will make\r\n // sure settings like edgeOffset are properly assigned.\r\n function mergeDefaultOptions(opts) {\r\n var copy = {};\r\n copyKeys(copy, _defaultOptions);\r\n copyKeys(copy, opts);\r\n Object.keys(_defaultOptions).forEach(function (key) {\r\n var obj = _defaultOptions[key];\r\n if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object') {\r\n var objCopy = {};\r\n copyKeys(objCopy, obj);\r\n copyKeys(objCopy, copy[key]);\r\n copy[key] = objCopy;\r\n }\r\n });\r\n return copy;\r\n }\r\n\r\n // Parse a css attribute into the numeric portion and the units\r\n function parseAttribute(attribute, defaultValue) {\r\n // 1em, 1.0em, 0.1em, .1em, 1. em\r\n var re = /^(-{0,1}\\.{0,1}\\d+(\\.\\d+)?)[\\s|\\.]*(\\w*)$/;\r\n if (attribute && re.test(attribute)) {\r\n var match = re.exec(attribute);\r\n var number = match[1];\r\n var units = match[3] || 'px';\r\n return { value: number * 1, units: units, original: attribute };\r\n }\r\n if (defaultValue) {\r\n return parseAttribute(defaultValue);\r\n }\r\n return { original: defaultValue };\r\n }\r\n\r\n // Set the html of a container. Should support both raw text and a single\r\n // DOM Element.\r\n function setHTML(container, content) {\r\n if (container) {\r\n // Clear out everything in the container\r\n while (container.firstChild) {\r\n container.removeChild(container.firstChild);\r\n }\r\n if (content) {\r\n if (typeof content === 'string') {\r\n container.innerHTML = content;\r\n } else {\r\n container.appendChild(content);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Get the opposite of a given placement\r\n function oppositePlacement(p) {\r\n if (p === 'top') {\r\n return 'bottom';\r\n } else if (p === 'bottom') {\r\n return 'top';\r\n } else if (p === 'left') {\r\n return 'right';\r\n } else if (p === 'right') {\r\n return 'left';\r\n }\r\n return p;\r\n }\r\n\r\n // Return the placement with the first letter capitalized\r\n function capitalizePlacement(p) {\r\n return p.charAt(0).toUpperCase() + p.slice(1);\r\n }\r\n\r\n // Convert the value into a Google Map LatLng\r\n function toLatLng(v) {\r\n if (v !== undefined && v !== null) {\r\n if (v instanceof google.maps.LatLng) {\r\n return v;\r\n } else if (v.lat !== undefined && v.lng !== undefined) {\r\n return new google.maps.LatLng(v);\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n // Export SnazzyInfoWindow even if google is not yet defined.\r\n var getGoogleClass = function getGoogleClass() {\r\n return typeof google !== 'undefined' ? google.maps.OverlayView : function noop() {};\r\n };\r\n\r\n var SnazzyInfoWindow = function (_getGoogleClass) {\r\n _inherits(SnazzyInfoWindow, _getGoogleClass);\r\n\r\n function SnazzyInfoWindow(opts) {\r\n _classCallCheck(this, SnazzyInfoWindow);\r\n\r\n var _this = _possibleConstructorReturn(this, (SnazzyInfoWindow.__proto__ || Object.getPrototypeOf(SnazzyInfoWindow)).call(this, opts));\r\n\r\n if (typeof google === 'undefined') {\r\n console.warn('Snazzy Info Window: Google Maps is not defined!'); //eslint-disable-line\r\n return _possibleConstructorReturn(_this);\r\n }\r\n // Private properties\r\n _this._html = null;\r\n _this._opts = mergeDefaultOptions(opts);\r\n _this._callbacks = _this._opts.callbacks || {};\r\n _this._marker = _this._opts.marker;\r\n _this._map = _this._opts.map;\r\n _this._position = toLatLng(_this._opts.position);\r\n _this._isOpen = false;\r\n _this._listeners = [];\r\n\r\n // This listener remains active when the info window is closed.\r\n if (_this._marker && _this._opts.openOnMarkerClick) {\r\n _this.trackListener(google.maps.event.addListener(_this._marker, 'click', function () {\r\n if (!_this.getMap()) {\r\n _this.open();\r\n }\r\n }), true);\r\n }\r\n\r\n // When using a position the default option for the offset is 0\r\n if (_this._position && !_this._opts.offset) {\r\n _this._opts.offset = {\r\n top: '0px',\r\n left: '0px'\r\n };\r\n }\r\n\r\n // Validate the placement option\r\n var p = opts.placement || _this._opts.position;\r\n // The position variable was renamed to placement so we must type check\r\n if (typeof p === 'string' || p instanceof String) {\r\n p = p.toLowerCase();\r\n }\r\n if (p !== 'top' && p !== 'bottom' && p !== 'left' && p !== 'right') {\r\n _this._opts.placement = _defaultOptions.placement;\r\n } else {\r\n _this._opts.placement = p;\r\n }\r\n\r\n // Validate the position option\r\n p = _this._opts.position;\r\n if (p !== undefined && p !== null && typeof p !== 'string' && !(p instanceof String)) {\r\n _this._opts.position = p;\r\n }\r\n\r\n // Validate the other options\r\n if (_this._opts.border === undefined || _this._opts.border === true) {\r\n _this._opts.border = {};\r\n }\r\n if (_this._opts.pointer === undefined) {\r\n _this._opts.pointer = _defaultOptions.pointer;\r\n }\r\n if (_this._opts.shadow === undefined || _this._opts.shadow === true) {\r\n _this._opts.shadow = {};\r\n }\r\n return _this;\r\n }\r\n\r\n // Activate the specified callback and return the result\r\n\r\n\r\n _createClass(SnazzyInfoWindow, [{\r\n key: 'activateCallback',\r\n value: function activateCallback(callback) {\r\n var lambda = this._callbacks[callback];\r\n return lambda ? lambda.apply(this) : undefined;\r\n }\r\n }, {\r\n key: 'trackListener',\r\n value: function trackListener(listener, persistent) {\r\n this._listeners.push({ listener: listener, persistent: persistent });\r\n }\r\n }, {\r\n key: 'clearListeners',\r\n value: function clearListeners(clearPersistent) {\r\n if (this._listeners) {\r\n this._listeners.forEach(function (e) {\r\n if (clearPersistent || !e.persistent) {\r\n google.maps.event.removeListener(e.listener);\r\n e.listener = null;\r\n }\r\n });\r\n this._listeners = this._listeners.filter(function (e) {\r\n return e.listener != null;\r\n });\r\n }\r\n }\r\n }, {\r\n key: 'isOpen',\r\n value: function isOpen() {\r\n return this._isOpen;\r\n }\r\n }, {\r\n key: 'open',\r\n value: function open() {\r\n var result = this.activateCallback('beforeOpen');\r\n if (result !== undefined && !result) {\r\n return;\r\n }\r\n if (this._marker) {\r\n this.setMap(this._marker.getMap());\r\n } else if (this._map && this._position) {\r\n this.setMap(this._map);\r\n }\r\n }\r\n }, {\r\n key: 'close',\r\n value: function close() {\r\n var result = this.activateCallback('beforeClose');\r\n if (result !== undefined && !result) {\r\n return;\r\n }\r\n this.clearListeners();\r\n this.setMap(null);\r\n }\r\n }, {\r\n key: 'destroy',\r\n value: function destroy() {\r\n if (this.getMap()) {\r\n this.setMap(null);\r\n }\r\n // Make sure to clear all persistent listeners\r\n this.clearListeners(true);\r\n }\r\n }, {\r\n key: 'setContent',\r\n value: function setContent(content) {\r\n this._opts.content = content;\r\n if (this._html && this._html.content) {\r\n setHTML(this._html.content, content);\r\n }\r\n }\r\n }, {\r\n key: 'setPosition',\r\n value: function setPosition(latLng) {\r\n this._position = toLatLng(latLng);\r\n if (this._isOpen && this._position) {\r\n this.draw();\r\n this.resize();\r\n this.reposition();\r\n }\r\n }\r\n }, {\r\n key: 'setWrapperClass',\r\n value: function setWrapperClass(wrapperClass) {\r\n if (this._html && this._html.wrapper) {\r\n var w = this._html.wrapper;\r\n w.className = _classPrefix + 'wrapper-' + this._opts.placement;\r\n if (this._opts.border) {\r\n w.className += ' ' + _classPrefix + 'has-border';\r\n }\r\n if (wrapperClass) {\r\n w.className += ' ' + wrapperClass;\r\n }\r\n }\r\n this._opts.wrapperClass = wrapperClass;\r\n }\r\n }, {\r\n key: 'getWrapper',\r\n value: function getWrapper() {\r\n if (this._html) {\r\n return this._html.wrapper;\r\n }\r\n return null;\r\n }\r\n }, {\r\n key: 'draw',\r\n value: function draw() {\r\n if (!this.getMap() || !this._html) {\r\n return;\r\n }\r\n if (!this._marker && !this._position) {\r\n return;\r\n }\r\n\r\n // 1. Assign offset\r\n var offset = this._opts.offset;\r\n if (offset) {\r\n if (offset.left) {\r\n this._html.wrapper.style.marginLeft = offset.left;\r\n }\r\n if (offset.top) {\r\n this._html.wrapper.style.marginTop = offset.top;\r\n }\r\n }\r\n // 2. Set the background color\r\n var bg = this._opts.backgroundColor;\r\n if (bg) {\r\n this._html.contentWrapper.style.backgroundColor = bg;\r\n if (this._opts.pointer) {\r\n this._html.pointerBg.style['border' + capitalizePlacement(this._opts.placement) + 'Color'] = bg;\r\n }\r\n }\r\n // 3. Padding\r\n if (this._opts.padding) {\r\n this._html.contentWrapper.style.padding = this._opts.padding;\r\n if (this._opts.shadow) {\r\n this._html.shadowFrame.style.padding = this._opts.padding;\r\n }\r\n }\r\n // 4. Border radius\r\n if (this._opts.borderRadius) {\r\n this._html.contentWrapper.style.borderRadius = this._opts.borderRadius;\r\n if (this._opts.shadow) {\r\n this._html.shadowFrame.style.borderRadius = this._opts.borderRadius;\r\n }\r\n }\r\n // 5. Font Size\r\n if (this._opts.fontSize) {\r\n this._html.wrapper.style.fontSize = this._opts.fontSize;\r\n }\r\n // 6. Font Color\r\n if (this._opts.fontColor) {\r\n this._html.contentWrapper.style.color = this._opts.fontColor;\r\n }\r\n // 7. Pointer\r\n // Check if the pointer is enabled. Also make sure the value isn't just the boolean true.\r\n if (this._opts.pointer && this._opts.pointer !== true) {\r\n if (this._opts.shadow) {\r\n this._html.shadowPointer.style.width = this._opts.pointer;\r\n this._html.shadowPointer.style.height = this._opts.pointer;\r\n }\r\n if (this._html.pointerBorder) {\r\n this._html.pointerBorder.style.borderWidth = this._opts.pointer;\r\n }\r\n this._html.pointerBg.style.borderWidth = this._opts.pointer;\r\n }\r\n\r\n // 8. Border\r\n if (this._opts.border) {\r\n // Calculate the border width\r\n var bWidth = 0;\r\n if (this._opts.border.width !== undefined) {\r\n bWidth = parseAttribute(this._opts.border.width, '0px');\r\n this._html.contentWrapper.style.borderWidth = bWidth.value + bWidth.units;\r\n }\r\n bWidth = Math.round((this._html.contentWrapper.offsetWidth - this._html.contentWrapper.clientWidth) / 2.0);\r\n bWidth = parseAttribute(bWidth + 'px', '0px');\r\n\r\n if (this._opts.pointer) {\r\n // Calculate the pointer length\r\n var pLength = Math.min(this._html.pointerBorder.offsetHeight, this._html.pointerBorder.offsetWidth);\r\n pLength = parseAttribute(pLength + 'px', '0px');\r\n\r\n var triangleDiff = Math.round(bWidth.value * (_root2 - 1));\r\n triangleDiff = Math.min(triangleDiff, pLength.value);\r\n\r\n this._html.pointerBg.style.borderWidth = pLength.value - triangleDiff + pLength.units;\r\n\r\n var reverseP = capitalizePlacement(oppositePlacement(this._opts.placement));\r\n this._html.pointerBg.style['margin' + reverseP] = triangleDiff + bWidth.units;\r\n this._html.pointerBg.style[this._opts.placement] = -bWidth.value + bWidth.units;\r\n }\r\n var color = this._opts.border.color;\r\n if (color) {\r\n this._html.contentWrapper.style.borderColor = color;\r\n if (this._html.pointerBorder) {\r\n this._html.pointerBorder.style['border' + capitalizePlacement(this._opts.placement) + 'Color'] = color;\r\n }\r\n }\r\n }\r\n // 9. Shadow\r\n if (this._opts.shadow) {\r\n // Check if any of the shadow settings have actually been set\r\n var shadow = this._opts.shadow;\r\n var isSet = function isSet(attribute) {\r\n var v = shadow[attribute];\r\n return v !== undefined && v != null;\r\n };\r\n\r\n if (isSet('h') || isSet('v') || isSet('blur') || isSet('spread') || isSet('color')) {\r\n var hOffset = parseAttribute(shadow.h, _defaultShadow.h);\r\n var vOffset = parseAttribute(shadow.v, _defaultShadow.v);\r\n var blur = parseAttribute(shadow.blur, _defaultShadow.blur);\r\n var spread = parseAttribute(shadow.spread, _defaultShadow.spread);\r\n var _color = shadow.color || _defaultShadow.color;\r\n var formatBoxShadow = function formatBoxShadow(h, v) {\r\n return h + ' ' + v + ' ' + blur.original + ' ' + spread.original + ' ' + _color;\r\n };\r\n\r\n this._html.shadowFrame.style.boxShadow = formatBoxShadow(hOffset.original, vOffset.original);\r\n\r\n // Correctly rotate the shadows before the css transform\r\n var hRotated = _inverseRoot2 * (hOffset.value - vOffset.value) + hOffset.units;\r\n var vRotated = _inverseRoot2 * (hOffset.value + vOffset.value) + vOffset.units;\r\n if (this._html.shadowPointerInner) {\r\n this._html.shadowPointerInner.style.boxShadow = formatBoxShadow(hRotated, vRotated);\r\n }\r\n }\r\n if (this._opts.shadow.opacity) {\r\n this._html.shadowWrapper.style.opacity = this._opts.shadow.opacity;\r\n }\r\n }\r\n\r\n var divPixel = this.getProjection().fromLatLngToDivPixel(this._position || this._marker.position);\r\n if (divPixel) {\r\n this._html.floatWrapper.style.top = Math.floor(divPixel.y) + 'px';\r\n this._html.floatWrapper.style.left = Math.floor(divPixel.x) + 'px';\r\n }\r\n if (!this._isOpen) {\r\n this._isOpen = true;\r\n this.resize();\r\n this.reposition();\r\n this.activateCallback('afterOpen');\r\n google.maps.event.trigger(this.getMap(), _eventPrefix + 'opened', this);\r\n }\r\n }\r\n }, {\r\n key: 'onAdd',\r\n value: function onAdd() {\r\n var _this2 = this;\r\n\r\n if (this._html) {\r\n return;\r\n }\r\n // Used for creating new elements\r\n var applyCss = function applyCss(element, args) {\r\n if (element && args) {\r\n for (var i = 0; i < args.length; i++) {\r\n var className = args[i];\r\n if (className) {\r\n if (element.className) {\r\n element.className += ' ';\r\n }\r\n element.className += _classPrefix + className;\r\n }\r\n }\r\n }\r\n };\r\n var newElement = function newElement() {\r\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\r\n args[_key] = arguments[_key];\r\n }\r\n\r\n var element = document.createElement('div');\r\n applyCss(element, args);\r\n return element;\r\n };\r\n\r\n this._html = {};\r\n\r\n // 1. Create the wrapper\r\n this._html.wrapper = newElement();\r\n this.setWrapperClass(this._opts.wrapperClass);\r\n\r\n // 2. Create the shadow\r\n if (this._opts.shadow) {\r\n this._html.shadowWrapper = newElement('shadow-wrapper-' + this._opts.placement);\r\n this._html.shadowFrame = newElement('frame', 'shadow-frame');\r\n this._html.shadowWrapper.appendChild(this._html.shadowFrame);\r\n\r\n if (this._opts.pointer) {\r\n this._html.shadowPointer = newElement('shadow-pointer-' + this._opts.placement);\r\n this._html.shadowPointerInner = newElement('shadow-inner-pointer-' + this._opts.placement);\r\n this._html.shadowPointer.appendChild(this._html.shadowPointerInner);\r\n this._html.shadowWrapper.appendChild(this._html.shadowPointer);\r\n }\r\n\r\n this._html.wrapper.appendChild(this._html.shadowWrapper);\r\n }\r\n\r\n // 3. Create the content\r\n this._html.contentWrapper = newElement('frame', 'content-wrapper');\r\n this._html.content = newElement('content');\r\n if (this._opts.content) {\r\n setHTML(this._html.content, this._opts.content);\r\n }\r\n\r\n // 4. Create the close button\r\n if (this._opts.showCloseButton) {\r\n if (this._opts.closeButtonMarkup) {\r\n var d = document.createElement('div');\r\n setHTML(d, this._opts.closeButtonMarkup);\r\n this._html.closeButton = d.firstChild;\r\n } else {\r\n this._html.closeButton = document.createElement('button');\r\n this._html.closeButton.setAttribute('type', 'button');\r\n this._html.closeButton.innerHTML = '×';\r\n applyCss(this._html.closeButton, ['close-button']);\r\n }\r\n this._html.contentWrapper.appendChild(this._html.closeButton);\r\n }\r\n this._html.contentWrapper.appendChild(this._html.content);\r\n this._html.wrapper.appendChild(this._html.contentWrapper);\r\n\r\n // 5. Create the pointer\r\n if (this._opts.pointer) {\r\n if (this._opts.border) {\r\n this._html.pointerBorder = newElement('pointer-' + this._opts.placement, 'pointer-border-' + this._opts.placement);\r\n this._html.wrapper.appendChild(this._html.pointerBorder);\r\n }\r\n this._html.pointerBg = newElement('pointer-' + this._opts.placement, 'pointer-bg-' + this._opts.placement);\r\n this._html.wrapper.appendChild(this._html.pointerBg);\r\n }\r\n\r\n // Create an outer wrapper\r\n this._html.floatWrapper = newElement('float-wrapper');\r\n this._html.floatWrapper.appendChild(this._html.wrapper);\r\n\r\n // Add the wrapper to the Google Maps float pane\r\n this.getPanes().floatPane.appendChild(this._html.floatWrapper);\r\n\r\n // Now add all the event listeners\r\n var map = this.getMap();\r\n this.clearListeners();\r\n if (this._opts.closeOnMapClick) {\r\n this.trackListener(google.maps.event.addListener(map, 'click', function () {\r\n _this2.close();\r\n }));\r\n }\r\n if (this._opts.closeWhenOthersOpen) {\r\n this.trackListener(google.maps.event.addListener(map, _eventPrefix + 'opened', function (other) {\r\n if (_this2 !== other) {\r\n _this2.close();\r\n }\r\n }));\r\n }\r\n\r\n // Clear out the previous map bounds\r\n this._previousWidth = null;\r\n this._previousHeight = null;\r\n this.trackListener(google.maps.event.addListener(map, 'bounds_changed', function () {\r\n var d = map.getDiv();\r\n var ow = d.offsetWidth;\r\n var oh = d.offsetHeight;\r\n var pw = _this2._previousWidth;\r\n var ph = _this2._previousHeight;\r\n if (pw === null || ph === null || pw !== ow || ph !== oh) {\r\n _this2._previousWidth = ow;\r\n _this2._previousHeight = oh;\r\n _this2.resize();\r\n }\r\n }));\r\n\r\n // Marker moves\r\n if (this._marker) {\r\n this.trackListener(google.maps.event.addListener(this._marker, 'position_changed', function () {\r\n _this2.draw();\r\n }));\r\n }\r\n\r\n // Close button\r\n if (this._opts.showCloseButton && !this._opts.closeButtonMarkup) {\r\n this.trackListener(google.maps.event.addDomListener(this._html.closeButton, 'click', function (e) {\r\n e.cancelBubble = true;\r\n if (e.stopPropagation) {\r\n e.stopPropagation();\r\n }\r\n _this2.close();\r\n }));\r\n }\r\n\r\n // Stop the mouse event propagation\r\n var mouseEvents = ['click', 'dblclick', 'rightclick', 'contextmenu', 'drag', 'dragend', 'dragstart', 'mousedown', 'mouseout', 'mouseover', 'mouseup', 'touchstart', 'touchend', 'touchmove', 'wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'];\r\n mouseEvents.forEach(function (event) {\r\n _this2.trackListener(google.maps.event.addDomListener(_this2._html.wrapper, event, function (e) {\r\n e.cancelBubble = true;\r\n if (e.stopPropagation) {\r\n e.stopPropagation();\r\n }\r\n }));\r\n });\r\n\r\n this.activateCallback('open');\r\n }\r\n }, {\r\n key: 'onRemove',\r\n value: function onRemove() {\r\n this.activateCallback('close');\r\n if (this._html) {\r\n var parent = this._html.floatWrapper.parentElement;\r\n if (parent) {\r\n parent.removeChild(this._html.floatWrapper);\r\n }\r\n this._html = null;\r\n }\r\n this._isOpen = false;\r\n this.activateCallback('afterClose');\r\n }\r\n }, {\r\n key: 'getMapInnerBounds',\r\n value: function getMapInnerBounds() {\r\n var mb = this.getMap().getDiv().getBoundingClientRect();\r\n var mib = {\r\n top: mb.top + this._opts.edgeOffset.top,\r\n right: mb.right - this._opts.edgeOffset.right,\r\n bottom: mb.bottom - this._opts.edgeOffset.bottom,\r\n left: mb.left + this._opts.edgeOffset.left\r\n };\r\n mib.width = mib.right - mib.left;\r\n mib.height = mib.bottom - mib.top;\r\n return mib;\r\n }\r\n }, {\r\n key: 'reposition',\r\n value: function reposition() {\r\n if (!this._opts.panOnOpen || !this._html) {\r\n return;\r\n }\r\n var mib = this.getMapInnerBounds();\r\n var wb = this._html.wrapper.getBoundingClientRect();\r\n var dx = 0;\r\n var dy = 0;\r\n if (mib.left >= wb.left) {\r\n dx = wb.left - mib.left;\r\n } else if (mib.right <= wb.right) {\r\n dx = wb.left - (mib.right - wb.width);\r\n }\r\n if (mib.top >= wb.top) {\r\n dy = wb.top - mib.top;\r\n } else if (mib.bottom <= wb.bottom) {\r\n dy = wb.top - (mib.bottom - wb.height);\r\n }\r\n if (dx !== 0 || dy !== 0) {\r\n this.getMap().panBy(dx, dy);\r\n }\r\n }\r\n }, {\r\n key: 'resize',\r\n value: function resize() {\r\n if (!this._html) {\r\n return;\r\n }\r\n var mib = this.getMapInnerBounds();\r\n // Handle the max width\r\n var maxWidth = mib.width;\r\n if (this._opts.maxWidth !== undefined) {\r\n maxWidth = Math.min(maxWidth, this._opts.maxWidth);\r\n }\r\n maxWidth -= this._html.wrapper.offsetWidth - this._html.content.offsetWidth;\r\n this._html.content.style.maxWidth = maxWidth + 'px';\r\n\r\n // Handle the max height\r\n var maxHeight = mib.height;\r\n if (this._opts.maxHeight !== undefined) {\r\n maxHeight = Math.min(maxHeight, this._opts.maxHeight);\r\n }\r\n maxHeight -= this._html.wrapper.offsetHeight - this._html.content.offsetHeight;\r\n this._html.content.style.maxHeight = maxHeight + 'px';\r\n }\r\n }]);\r\n\r\n return SnazzyInfoWindow;\r\n }(getGoogleClass());\r\n\r\n exports.default = SnazzyInfoWindow;\r\n module.exports = exports['default'];\r\n});"," $(function () {\r\n $('input[data-slider-update-target]').on('slide change', function (ev) {\r\n $($(this).data('slider-update-target')).text(ev.type === 'change' ? (ev.value ? ev.value.newValue : $(this).data('slider-value') || $(this).val() || 0) : ev.value);\r\n }).trigger(\"change\");\r\n\r\n $(\".drp-city-list\").on('change', function (ev) {\r\n $(\"#tab-content-hotel-destination .tab-pane\").removeClass(\"in\").removeClass(\"active\")\r\n $(\"#tab-content-hotel-destination #panel-city-\" + $(this).val()).addClass(\"active\").addClass(\"in\")\r\n\r\n })\r\n \r\n\r\n });\r\n\r\n\r\n///cruise\r\nfunction initGlanceGrid() {\r\n\r\n $(\".grd-move\").on(\"click\",function () {\r\n var n = parseInt($(this).attr(\"_p\"))\r\n var nShow = 0; var nHide = 0;\r\n if (n == 1) {\r\n if (grid_end == grid_max) { return false }\r\n nShow = grid_end + 1; nHide = grid_start;\r\n } else {\r\n if (grid_start == 1) { return false }\r\n nShow = grid_start - 1; nHide = grid_end\r\n }\r\n grid_start = grid_start + n; grid_end = grid_end + n;\r\n $('.grd' + nShow).show()\r\n $('.grd' + nHide).hide()\r\n return false;\r\n })\r\n\r\n}\r\n\r\n\r\n$(function () {\r\n\r\n //duplicate for mobile\r\n if ($(\".hotel-carousel\").length > 0) {\r\n $(\".hotel-carousel\").find(\".feature\").map(function (i, obj) {\r\n var html = $(this).parent().html();\r\n html= \"