UNPKG

@red-code-mp/mp-builder

Version:

* [Structure](#Structure) * [Route](#Route) * [Endpoints](#Endpoints) * [Table](#Table) * [Lang](#Lang) * [Menu](#Menu) * [Toast](#Toast)

97 lines (95 loc) 72.9 kB
/******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = "./webpack/vendors/custom/gmaps.js"); /******/ }) /************************************************************************/ /******/ ({ /***/ "./node_modules/gmaps/gmaps.js": /*!*************************************!*\ !*** ./node_modules/gmaps/gmaps.js ***! \*************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; eval("\n(function(root, factory) {\n if(true) {\n module.exports = factory();\n }\n else {}\n\n\n}(this, function() {\n\n/*!\n * GMaps.js v0.4.24\n * http://hpneo.github.com/gmaps/\n *\n * Copyright 2016, Gustavo Leon\n * Released under the MIT License.\n */\n\nvar extend_object = function(obj, new_obj) {\n var name;\n\n if (obj === new_obj) {\n return obj;\n }\n\n for (name in new_obj) {\n if (new_obj[name] !== undefined) {\n obj[name] = new_obj[name];\n }\n }\n\n return obj;\n};\n\nvar replace_object = function(obj, replace) {\n var name;\n\n if (obj === replace) {\n return obj;\n }\n\n for (name in replace) {\n if (obj[name] != undefined) {\n obj[name] = replace[name];\n }\n }\n\n return obj;\n};\n\nvar array_map = function(array, callback) {\n var original_callback_params = Array.prototype.slice.call(arguments, 2),\n array_return = [],\n array_length = array.length,\n i;\n\n if (Array.prototype.map && array.map === Array.prototype.map) {\n array_return = Array.prototype.map.call(array, function(item) {\n var callback_params = original_callback_params.slice(0);\n callback_params.splice(0, 0, item);\n\n return callback.apply(this, callback_params);\n });\n }\n else {\n for (i = 0; i < array_length; i++) {\n callback_params = original_callback_params;\n callback_params.splice(0, 0, array[i]);\n array_return.push(callback.apply(this, callback_params));\n }\n }\n\n return array_return;\n};\n\nvar array_flat = function(array) {\n var new_array = [],\n i;\n\n for (i = 0; i < array.length; i++) {\n new_array = new_array.concat(array[i]);\n }\n\n return new_array;\n};\n\nvar coordsToLatLngs = function(coords, useGeoJSON) {\n var first_coord = coords[0],\n second_coord = coords[1];\n\n if (useGeoJSON) {\n first_coord = coords[1];\n second_coord = coords[0];\n }\n\n return new google.maps.LatLng(first_coord, second_coord);\n};\n\nvar arrayToLatLng = function(coords, useGeoJSON) {\n var i;\n\n for (i = 0; i < coords.length; i++) {\n if (!(coords[i] instanceof google.maps.LatLng)) {\n if (coords[i].length > 0 && typeof(coords[i][0]) === \"object\") {\n coords[i] = arrayToLatLng(coords[i], useGeoJSON);\n }\n else {\n coords[i] = coordsToLatLngs(coords[i], useGeoJSON);\n }\n }\n }\n\n return coords;\n};\n\nvar getElementsByClassName = function (class_name, context) {\n var element,\n _class = class_name.replace('.', '');\n\n if ('jQuery' in this && context) {\n element = $(\".\" + _class, context)[0];\n } else {\n element = document.getElementsByClassName(_class)[0];\n }\n return element;\n\n};\n\nvar getElementById = function(id, context) {\n var element,\n id = id.replace('#', '');\n\n if ('jQuery' in window && context) {\n element = $('#' + id, context)[0];\n } else {\n element = document.getElementById(id);\n };\n\n return element;\n};\n\nvar findAbsolutePosition = function(obj) {\n var curleft = 0,\n curtop = 0;\n\n if (obj.offsetParent) {\n do {\n curleft += obj.offsetLeft;\n curtop += obj.offsetTop;\n } while (obj = obj.offsetParent);\n }\n\n return [curleft, curtop];\n};\n\nvar GMaps = (function(global) {\n \"use strict\";\n\n var doc = document;\n /**\n * Creates a new GMaps instance, including a Google Maps map.\n * @class GMaps\n * @constructs\n * @param {object} options - `options` accepts all the [MapOptions](https://developers.google.com/maps/documentation/javascript/reference#MapOptions) and [events](https://developers.google.com/maps/documentation/javascript/reference#Map) listed in the Google Maps API. Also accepts:\n * * `lat` (number): Latitude of the map's center\n * * `lng` (number): Longitude of the map's center\n * * `el` (string or HTMLElement): container where the map will be rendered\n * * `markerClusterer` (function): A function to create a marker cluster. You can use MarkerClusterer or MarkerClustererPlus.\n */\n var GMaps = function(options) {\n\n if (!(typeof window.google === 'object' && window.google.maps)) {\n if (typeof window.console === 'object' && window.console.error) {\n console.error('Google Maps API is required. Please register the following JavaScript library https://maps.googleapis.com/maps/api/js.');\n }\n\n return function() {};\n }\n\n if (!this) return new GMaps(options);\n\n options.zoom = options.zoom || 15;\n options.mapType = options.mapType || 'roadmap';\n\n var valueOrDefault = function(value, defaultValue) {\n return value === undefined ? defaultValue : value;\n };\n\n var self = this,\n i,\n events_that_hide_context_menu = [\n 'bounds_changed', 'center_changed', 'click', 'dblclick', 'drag',\n 'dragend', 'dragstart', 'idle', 'maptypeid_changed', 'projection_changed',\n 'resize', 'tilesloaded', 'zoom_changed'\n ],\n events_that_doesnt_hide_context_menu = ['mousemove', 'mouseout', 'mouseover'],\n options_to_be_deleted = ['el', 'lat', 'lng', 'mapType', 'width', 'height', 'markerClusterer', 'enableNewStyle'],\n identifier = options.el || options.div,\n markerClustererFunction = options.markerClusterer,\n mapType = google.maps.MapTypeId[options.mapType.toUpperCase()],\n map_center = new google.maps.LatLng(options.lat, options.lng),\n zoomControl = valueOrDefault(options.zoomControl, true),\n zoomControlOpt = options.zoomControlOpt || {\n style: 'DEFAULT',\n position: 'TOP_LEFT'\n },\n zoomControlStyle = zoomControlOpt.style || 'DEFAULT',\n zoomControlPosition = zoomControlOpt.position || 'TOP_LEFT',\n panControl = valueOrDefault(options.panControl, true),\n mapTypeControl = valueOrDefault(options.mapTypeControl, true),\n scaleControl = valueOrDefault(options.scaleControl, true),\n streetViewControl = valueOrDefault(options.streetViewControl, true),\n overviewMapControl = valueOrDefault(overviewMapControl, true),\n map_options = {},\n map_base_options = {\n zoom: this.zoom,\n center: map_center,\n mapTypeId: mapType\n },\n map_controls_options = {\n panControl: panControl,\n zoomControl: zoomControl,\n zoomControlOptions: {\n style: google.maps.ZoomControlStyle[zoomControlStyle],\n position: google.maps.ControlPosition[zoomControlPosition]\n },\n mapTypeControl: mapTypeControl,\n scaleControl: scaleControl,\n streetViewControl: streetViewControl,\n overviewMapControl: overviewMapControl\n };\n\n if (typeof(options.el) === 'string' || typeof(options.div) === 'string') {\n if (identifier.indexOf(\"#\") > -1) {\n /**\n * Container element\n *\n * @type {HTMLElement}\n */\n this.el = getElementById(identifier, options.context);\n } else {\n this.el = getElementsByClassName.apply(this, [identifier, options.context]);\n }\n } else {\n this.el = identifier;\n }\n\n if (typeof(this.el) === 'undefined' || this.el === null) {\n throw 'No element defined.';\n }\n\n window.context_menu = window.context_menu || {};\n window.context_menu[self.el.id] = {};\n\n /**\n * Collection of custom controls in the map UI\n *\n * @type {array}\n */\n this.controls = [];\n /**\n * Collection of map's overlays\n *\n * @type {array}\n */\n this.overlays = [];\n /**\n * Collection of KML/GeoRSS and FusionTable layers\n *\n * @type {array}\n */\n this.layers = [];\n /**\n * Collection of data layers (See {@link GMaps#addLayer})\n *\n * @type {object}\n */\n this.singleLayers = {};\n /**\n * Collection of map's markers\n *\n * @type {array}\n */\n this.markers = [];\n /**\n * Collection of map's lines\n *\n * @type {array}\n */\n this.polylines = [];\n /**\n * Collection of map's routes requested by {@link GMaps#getRoutes}, {@link GMaps#renderRoute}, {@link GMaps#drawRoute}, {@link GMaps#travelRoute} or {@link GMaps#drawSteppedRoute}\n *\n * @type {array}\n */\n this.routes = [];\n /**\n * Collection of map's polygons\n *\n * @type {array}\n */\n this.polygons = [];\n this.infoWindow = null;\n this.overlay_el = null;\n /**\n * Current map's zoom\n *\n * @type {number}\n */\n this.zoom = options.zoom;\n this.registered_events = {};\n\n this.el.style.width = options.width || this.el.scrollWidth || this.el.offsetWidth;\n this.el.style.height = options.height || this.el.scrollHeight || this.el.offsetHeight;\n\n google.maps.visualRefresh = options.enableNewStyle;\n\n for (i = 0; i < options_to_be_deleted.length; i++) {\n delete options[options_to_be_deleted[i]];\n }\n\n if(options.disableDefaultUI != true) {\n map_base_options = extend_object(map_base_options, map_controls_options);\n }\n\n map_options = extend_object(map_base_options, options);\n\n for (i = 0; i < events_that_hide_context_menu.length; i++) {\n delete map_options[events_that_hide_context_menu[i]];\n }\n\n for (i = 0; i < events_that_doesnt_hide_context_menu.length; i++) {\n delete map_options[events_that_doesnt_hide_context_menu[i]];\n }\n\n /**\n * Google Maps map instance\n *\n * @type {google.maps.Map}\n */\n this.map = new google.maps.Map(this.el, map_options);\n\n if (markerClustererFunction) {\n /**\n * Marker Clusterer instance\n *\n * @type {object}\n */\n this.markerClusterer = markerClustererFunction.apply(this, [this.map]);\n }\n\n var buildContextMenuHTML = function(control, e) {\n var html = '',\n options = window.context_menu[self.el.id][control];\n\n for (var i in options){\n if (options.hasOwnProperty(i)) {\n var option = options[i];\n\n html += '<li><a id=\"' + control + '_' + i + '\" href=\"#\">' + option.title + '</a></li>';\n }\n }\n\n if (!getElementById('gmaps_context_menu')) return;\n\n var context_menu_element = getElementById('gmaps_context_menu');\n\n context_menu_element.innerHTML = html;\n\n var context_menu_items = context_menu_element.getElementsByTagName('a'),\n context_menu_items_count = context_menu_items.length,\n i;\n\n for (i = 0; i < context_menu_items_count; i++) {\n var context_menu_item = context_menu_items[i];\n\n var assign_menu_item_action = function(ev){\n ev.preventDefault();\n\n options[this.id.replace(control + '_', '')].action.apply(self, [e]);\n self.hideContextMenu();\n };\n\n google.maps.event.clearListeners(context_menu_item, 'click');\n google.maps.event.addDomListenerOnce(context_menu_item, 'click', assign_menu_item_action, false);\n }\n\n var position = findAbsolutePosition.apply(this, [self.el]),\n left = position[0] + e.pixel.x - 15,\n top = position[1] + e.pixel.y- 15;\n\n context_menu_element.style.left = left + \"px\";\n context_menu_element.style.top = top + \"px\";\n\n // context_menu_element.style.display = 'block';\n };\n\n this.buildContextMenu = function(control, e) {\n if (control === 'marker') {\n e.pixel = {};\n\n var overlay = new google.maps.OverlayView();\n overlay.setMap(self.map);\n\n overlay.draw = function() {\n var projection = overlay.getProjection(),\n position = e.marker.getPosition();\n\n e.pixel = projection.fromLatLngToContainerPixel(position);\n\n buildContextMenuHTML(control, e);\n };\n }\n else {\n buildContextMenuHTML(control, e);\n }\n\n var context_menu_element = getElementById('gmaps_context_menu');\n\n setTimeout(function() {\n context_menu_element.style.display = 'block';\n }, 0);\n };\n\n /**\n * Add a context menu for a map or a marker.\n *\n * @param {object} options - The `options` object should contain:\n * * `control` (string): Kind of control the context menu will be attached. Can be \"map\" or \"marker\".\n * * `options` (array): A collection of context menu items:\n * * `title` (string): Item's title shown in the context menu.\n * * `name` (string): Item's identifier.\n * * `action` (function): Function triggered after selecting the context menu item.\n */\n this.setContextMenu = function(options) {\n window.context_menu[self.el.id][options.control] = {};\n\n var i,\n ul = doc.createElement('ul');\n\n for (i in options.options) {\n if (options.options.hasOwnProperty(i)) {\n var option = options.options[i];\n\n window.context_menu[self.el.id][options.control][option.name] = {\n title: option.title,\n action: option.action\n };\n }\n }\n\n ul.id = 'gmaps_context_menu';\n ul.style.display = 'none';\n ul.style.position = 'absolute';\n ul.style.minWidth = '100px';\n ul.style.background = 'white';\n ul.style.listStyle = 'none';\n ul.style.padding = '8px';\n ul.style.boxShadow = '2px 2px 6px #ccc';\n\n if (!getElementById('gmaps_context_menu')) {\n doc.body.appendChild(ul);\n }\n\n var context_menu_element = getElementById('gmaps_context_menu');\n\n google.maps.event.addDomListener(context_menu_element, 'mouseout', function(ev) {\n if (!ev.relatedTarget || !this.contains(ev.relatedTarget)) {\n window.setTimeout(function(){\n context_menu_element.style.display = 'none';\n }, 400);\n }\n }, false);\n };\n\n /**\n * Hide the current context menu\n */\n this.hideContextMenu = function() {\n var context_menu_element = getElementById('gmaps_context_menu');\n\n if (context_menu_element) {\n context_menu_element.style.display = 'none';\n }\n };\n\n var setupListener = function(object, name) {\n google.maps.event.addListener(object, name, function(e){\n if (e == undefined) {\n e = this;\n }\n\n options[name].apply(this, [e]);\n\n self.hideContextMenu();\n });\n };\n\n //google.maps.event.addListener(this.map, 'idle', this.hideContextMenu);\n google.maps.event.addListener(this.map, 'zoom_changed', this.hideContextMenu);\n\n for (var ev = 0; ev < events_that_hide_context_menu.length; ev++) {\n var name = events_that_hide_context_menu[ev];\n\n if (name in options) {\n setupListener(this.map, name);\n }\n }\n\n for (var ev = 0; ev < events_that_doesnt_hide_context_menu.length; ev++) {\n var name = events_that_doesnt_hide_context_menu[ev];\n\n if (name in options) {\n setupListener(this.map, name);\n }\n }\n\n google.maps.event.addListener(this.map, 'rightclick', function(e) {\n if (options.rightclick) {\n options.rightclick.apply(this, [e]);\n }\n\n if(window.context_menu[self.el.id]['map'] != undefined) {\n self.buildContextMenu('map', e);\n }\n });\n\n /**\n * Trigger a `resize` event, useful if you need to repaint the current map (for changes in the viewport or display / hide actions).\n */\n this.refresh = function() {\n google.maps.event.trigger(this.map, 'resize');\n };\n\n /**\n * Adjust the map zoom to include all the markers added in the map.\n */\n this.fitZoom = function() {\n var latLngs = [],\n markers_length = this.markers.length,\n i;\n\n for (i = 0; i < markers_length; i++) {\n if(typeof(this.markers[i].visible) === 'boolean' && this.markers[i].visible) {\n latLngs.push(this.markers[i].getPosition());\n }\n }\n\n this.fitLatLngBounds(latLngs);\n };\n\n /**\n * Adjust the map zoom to include all the coordinates in the `latLngs` array.\n *\n * @param {array} latLngs - Collection of `google.maps.LatLng` objects.\n */\n this.fitLatLngBounds = function(latLngs) {\n var total = latLngs.length,\n bounds = new google.maps.LatLngBounds(),\n i;\n\n for(i = 0; i < total; i++) {\n bounds.extend(latLngs[i]);\n }\n\n this.map.fitBounds(bounds);\n };\n\n /**\n * Center the map using the `lat` and `lng` coordinates.\n *\n * @param {number} lat - Latitude of the coordinate.\n * @param {number} lng - Longitude of the coordinate.\n * @param {function} [callback] - Callback that will be executed after the map is centered.\n */\n this.setCenter = function(lat, lng, callback) {\n this.map.panTo(new google.maps.LatLng(lat, lng));\n\n if (callback) {\n callback();\n }\n };\n\n /**\n * Return the HTML element container of the map.\n *\n * @returns {HTMLElement} the element container.\n */\n this.getElement = function() {\n return this.el;\n };\n\n /**\n * Increase the map's zoom.\n *\n * @param {number} [magnitude] - The number of times the map will be zoomed in.\n */\n this.zoomIn = function(value) {\n value = value || 1;\n\n this.zoom = this.map.getZoom() + value;\n this.map.setZoom(this.zoom);\n };\n\n /**\n * Decrease the map's zoom.\n *\n * @param {number} [magnitude] - The number of times the map will be zoomed out.\n */\n this.zoomOut = function(value) {\n value = value || 1;\n\n this.zoom = this.map.getZoom() - value;\n this.map.setZoom(this.zoom);\n };\n\n var native_methods = [],\n method;\n\n for (method in this.map) {\n if (typeof(this.map[method]) == 'function' && !this[method]) {\n native_methods.push(method);\n }\n }\n\n for (i = 0; i < native_methods.length; i++) {\n (function(gmaps, scope, method_name) {\n gmaps[method_name] = function(){\n return scope[method_name].apply(scope, arguments);\n };\n })(this, this.map, native_methods[i]);\n }\n };\n\n return GMaps;\n})(this);\n\nGMaps.prototype.createControl = function(options) {\n var control = document.createElement('div');\n\n control.style.cursor = 'pointer';\n\n if (options.disableDefaultStyles !== true) {\n control.style.fontFamily = 'Roboto, Arial, sans-serif';\n control.style.fontSize = '11px';\n control.style.boxShadow = 'rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px';\n }\n\n for (var option in options.style) {\n control.style[option] = options.style[option];\n }\n\n if (options.id) {\n control.id = options.id;\n }\n\n if (options.title) {\n control.title = options.title;\n }\n\n if (options.classes) {\n control.className = options.classes;\n }\n\n if (options.content) {\n if (typeof options.content === 'string') {\n control.innerHTML = options.content;\n }\n else if (options.content instanceof HTMLElement) {\n control.appendChild(options.content);\n }\n }\n\n if (options.position) {\n control.position = google.maps.ControlPosition[options.position.toUpperCase()];\n }\n\n for (var ev in options.events) {\n (function(object, name) {\n google.maps.event.addDomListener(object, name, function(){\n options.events[name].apply(this, [this]);\n });\n })(control, ev);\n }\n\n control.index = 1;\n\n return control;\n};\n\n/**\n * Add a custom control to the map UI.\n *\n * @param {object} options - The `options` object should contain:\n * * `style` (object): The keys and values of this object should be valid CSS properties and values.\n * * `id` (string): The HTML id for the custom control.\n * * `classes` (string): A string containing all the HTML classes for the custom control.\n * * `content` (string or HTML element): The content of the custom control.\n * * `position` (string): Any valid [`google.maps.ControlPosition`](https://developers.google.com/maps/documentation/javascript/controls#ControlPositioning) value, in lower or upper case.\n * * `events` (object): The keys of this object should be valid DOM events. The values should be functions.\n * * `disableDefaultStyles` (boolean): If false, removes the default styles for the controls like font (family and size), and box shadow.\n * @returns {HTMLElement}\n */\nGMaps.prototype.addControl = function(options) {\n var control = this.createControl(options);\n\n this.controls.push(control);\n this.map.controls[control.position].push(control);\n\n return control;\n};\n\n/**\n * Remove a control from the map. `control` should be a control returned by `addControl()`.\n *\n * @param {HTMLElement} control - One of the controls returned by `addControl()`.\n * @returns {HTMLElement} the removed control.\n */\nGMaps.prototype.removeControl = function(control) {\n var position = null,\n i;\n\n for (i = 0; i < this.controls.length; i++) {\n if (this.controls[i] == control) {\n position = this.controls[i].position;\n this.controls.splice(i, 1);\n }\n }\n\n if (position) {\n for (i = 0; i < this.map.controls.length; i++) {\n var controlsForPosition = this.map.controls[control.position];\n\n if (controlsForPosition.getAt(i) == control) {\n controlsForPosition.removeAt(i);\n\n break;\n }\n }\n }\n\n return control;\n};\n\nGMaps.prototype.createMarker = function(options) {\n if (options.lat == undefined && options.lng == undefined && options.position == undefined) {\n throw 'No latitude or longitude defined.';\n }\n\n var self = this,\n details = options.details,\n fences = options.fences,\n outside = options.outside,\n base_options = {\n position: new google.maps.LatLng(options.lat, options.lng),\n map: null\n },\n marker_options = extend_object(base_options, options);\n\n delete marker_options.lat;\n delete marker_options.lng;\n delete marker_options.fences;\n delete marker_options.outside;\n\n var marker = new google.maps.Marker(marker_options);\n\n marker.fences = fences;\n\n if (options.infoWindow) {\n marker.infoWindow = new google.maps.InfoWindow(options.infoWindow);\n\n var info_window_events = ['closeclick', 'content_changed', 'domready', 'position_changed', 'zindex_changed'];\n\n for (var ev = 0; ev < info_window_events.length; ev++) {\n (function(object, name) {\n if (options.infoWindow[name]) {\n google.maps.event.addListener(object, name, function(e){\n options.infoWindow[name].apply(this, [e]);\n });\n }\n })(marker.infoWindow, info_window_events[ev]);\n }\n }\n\n var marker_events = ['animation_changed', 'clickable_changed', 'cursor_changed', 'draggable_changed', 'flat_changed', 'icon_changed', 'position_changed', 'shadow_changed', 'shape_changed', 'title_changed', 'visible_changed', 'zindex_changed'];\n\n var marker_events_with_mouse = ['dblclick', 'drag', 'dragend', 'dragstart', 'mousedown', 'mouseout', 'mouseover', 'mouseup'];\n\n for (var ev = 0; ev < marker_events.length; ev++) {\n (function(object, name) {\n if (options[name]) {\n google.maps.event.addListener(object, name, function(){\n options[name].apply(this, [this]);\n });\n }\n })(marker, marker_events[ev]);\n }\n\n for (var ev = 0; ev < marker_events_with_mouse.length; ev++) {\n (function(map, object, name) {\n if (options[name]) {\n google.maps.event.addListener(object, name, function(me){\n if(!me.pixel){\n me.pixel = map.getProjection().fromLatLngToPoint(me.latLng)\n }\n\n options[name].apply(this, [me]);\n });\n }\n })(this.map, marker, marker_events_with_mouse[ev]);\n }\n\n google.maps.event.addListener(marker, 'click', function() {\n this.details = details;\n\n if (options.click) {\n options.click.apply(this, [this]);\n }\n\n if (marker.infoWindow) {\n self.hideInfoWindows();\n marker.infoWindow.open(self.map, marker);\n }\n });\n\n google.maps.event.addListener(marker, 'rightclick', function(e) {\n e.marker = this;\n\n if (options.rightclick) {\n options.rightclick.apply(this, [e]);\n }\n\n if (window.context_menu[self.el.id]['marker'] != undefined) {\n self.buildContextMenu('marker', e);\n }\n });\n\n if (marker.fences) {\n google.maps.event.addListener(marker, 'dragend', function() {\n self.checkMarkerGeofence(marker, function(m, f) {\n outside(m, f);\n });\n });\n }\n\n return marker;\n};\n\nGMaps.prototype.addMarker = function(options) {\n var marker;\n if(options.hasOwnProperty('gm_accessors_')) {\n // Native google.maps.Marker object\n marker = options;\n }\n else {\n if ((options.hasOwnProperty('lat') && options.hasOwnProperty('lng')) || options.position) {\n marker = this.createMarker(options);\n }\n else {\n throw 'No latitude or longitude defined.';\n }\n }\n\n marker.setMap(this.map);\n\n if(this.markerClusterer) {\n this.markerClusterer.addMarker(marker);\n }\n\n this.markers.push(marker);\n\n GMaps.fire('marker_added', marker, this);\n\n return marker;\n};\n\nGMaps.prototype.addMarkers = function(array) {\n for (var i = 0, marker; marker=array[i]; i++) {\n this.addMarker(marker);\n }\n\n return this.markers;\n};\n\nGMaps.prototype.hideInfoWindows = function() {\n for (var i = 0, marker; marker = this.markers[i]; i++){\n if (marker.infoWindow) {\n marker.infoWindow.close();\n }\n }\n};\n\nGMaps.prototype.removeMarker = function(marker) {\n for (var i = 0; i < this.markers.length; i++) {\n if (this.markers[i] === marker) {\n this.markers[i].setMap(null);\n this.markers.splice(i, 1);\n\n if(this.markerClusterer) {\n this.markerClusterer.removeMarker(marker);\n }\n\n GMaps.fire('marker_removed', marker, this);\n\n break;\n }\n }\n\n return marker;\n};\n\nGMaps.prototype.removeMarkers = function (collection) {\n var new_markers = [];\n\n if (typeof collection == 'undefined') {\n for (var i = 0; i < this.markers.length; i++) {\n var marker = this.markers[i];\n marker.setMap(null);\n\n GMaps.fire('marker_removed', marker, this);\n }\n\n if(this.markerClusterer && this.markerClusterer.clearMarkers) {\n this.markerClusterer.clearMarkers();\n }\n\n this.markers = new_markers;\n }\n else {\n for (var i = 0; i < collection.length; i++) {\n var index = this.markers.indexOf(collection[i]);\n\n if (index > -1) {\n var marker = this.markers[index];\n marker.setMap(null);\n\n if(this.markerClusterer) {\n this.markerClusterer.removeMarker(marker);\n }\n\n GMaps.fire('marker_removed', marker, this);\n }\n }\n\n for (var i = 0; i < this.markers.length; i++) {\n var marker = this.markers[i];\n if (marker.getMap() != null) {\n new_markers.push(marker);\n }\n }\n\n this.markers = new_markers;\n }\n};\n\nGMaps.prototype.drawOverlay = function(options) {\n var overlay = new google.maps.OverlayView(),\n auto_show = true;\n\n overlay.setMap(this.map);\n\n if (options.auto_show != null) {\n auto_show = options.auto_show;\n }\n\n overlay.onAdd = function() {\n var el = document.createElement('div');\n\n el.style.borderStyle = \"none\";\n el.style.borderWidth = \"0px\";\n el.style.position = \"absolute\";\n el.style.zIndex = 100;\n el.innerHTML = options.content;\n\n overlay.el = el;\n\n if (!options.layer) {\n options.layer = 'overlayLayer';\n }\n \n var panes = this.getPanes(),\n overlayLayer = panes[options.layer],\n stop_overlay_events = ['contextmenu', 'DOMMouseScroll', 'dblclick', 'mousedown'];\n\n overlayLayer.appendChild(el);\n\n for (var ev = 0; ev < stop_overlay_events.length; ev++) {\n (function(object, name) {\n google.maps.event.addDomListener(object, name, function(e){\n if (navigator.userAgent.toLowerCase().indexOf('msie') != -1 && document.all) {\n e.cancelBubble = true;\n e.returnValue = false;\n }\n else {\n e.stopPropagation();\n }\n });\n })(el, stop_overlay_events[ev]);\n }\n\n if (options.click) {\n panes.overlayMouseTarget.appendChild(overlay.el);\n google.maps.event.addDomListener(overlay.el, 'click', function() {\n options.click.apply(overlay, [overlay]);\n });\n }\n\n google.maps.event.trigger(this, 'ready');\n };\n\n overlay.draw = function() {\n var projection = this.getProjection(),\n pixel = projection.fromLatLngToDivPixel(new google.maps.LatLng(options.lat, options.lng));\n\n options.horizontalOffset = options.horizontalOffset || 0;\n options.verticalOffset = options.verticalOffset || 0;\n\n var el = overlay.el,\n content = el.children[0],\n content_height = content.clientHeight,\n content_width = content.clientWidth;\n\n switch (options.verticalAlign) {\n case 'top':\n el.style.top = (pixel.y - content_height + options.verticalOffset) + 'px';\n break;\n default:\n case 'middle':\n el.style.top = (pixel.y - (content_height / 2) + options.verticalOffset) + 'px';\n break;\n case 'bottom':\n el.style.top = (pixel.y + options.verticalOffset) + 'px';\n break;\n }\n\n switch (options.horizontalAlign) {\n case 'left':\n el.style.left = (pixel.x - content_width + options.horizontalOffset) + 'px';\n break;\n default:\n case 'center':\n el.style.left = (pixel.x - (content_width / 2) + options.horizontalOffset) + 'px';\n break;\n case 'right':\n el.style.left = (pixel.x + options.horizontalOffset) + 'px';\n break;\n }\n\n el.style.display = auto_show ? 'block' : 'none';\n\n if (!auto_show) {\n options.show.apply(this, [el]);\n }\n };\n\n overlay.onRemove = function() {\n var el = overlay.el;\n\n if (options.remove) {\n options.remove.apply(this, [el]);\n }\n else {\n overlay.el.parentNode.removeChild(overlay.el);\n overlay.el = null;\n }\n };\n\n this.overlays.push(overlay);\n return overlay;\n};\n\nGMaps.prototype.removeOverlay = function(overlay) {\n for (var i = 0; i < this.overlays.length; i++) {\n if (this.overlays[i] === overlay) {\n this.overlays[i].setMap(null);\n this.overlays.splice(i, 1);\n\n break;\n }\n }\n};\n\nGMaps.prototype.removeOverlays = function() {\n for (var i = 0, item; item = this.overlays[i]; i++) {\n item.setMap(null);\n }\n\n this.overlays = [];\n};\n\nGMaps.prototype.drawPolyline = function(options) {\n var path = [],\n points = options.path;\n\n if (points.length) {\n if (points[0][0] === undefined) {\n path = points;\n }\n else {\n for (var i = 0, latlng; latlng = points[i]; i++) {\n path.push(new google.maps.LatLng(latlng[0], latlng[1]));\n }\n }\n }\n\n var polyline_options = {\n map: this.map,\n path: path,\n strokeColor: options.strokeColor,\n strokeOpacity: options.strokeOpacity,\n strokeWeight: options.strokeWeight,\n geodesic: options.geodesic,\n clickable: true,\n editable: false,\n visible: true\n };\n\n if (options.hasOwnProperty(\"clickable\")) {\n polyline_options.clickable = options.clickable;\n }\n\n if (options.hasOwnProperty(\"editable\")) {\n polyline_options.editable = options.editable;\n }\n\n if (options.hasOwnProperty(\"icons\")) {\n polyline_options.icons = options.icons;\n }\n\n if (options.hasOwnProperty(\"zIndex\")) {\n polyline_options.zIndex = options.zIndex;\n }\n\n var polyline = new google.maps.Polyline(polyline_options);\n\n var polyline_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];\n\n for (var ev = 0; ev < polyline_events.length; ev++) {\n (function(object, name) {\n if (options[name]) {\n google.maps.event.addListener(object, name, function(e){\n options[name].apply(this, [e]);\n });\n }\n })(polyline, polyline_events[ev]);\n }\n\n this.polylines.push(polyline);\n\n GMaps.fire('polyline_added', polyline, this);\n\n return polyline;\n};\n\nGMaps.prototype.removePolyline = function(polyline) {\n for (var i = 0; i < this.polylines.length; i++) {\n if (this.polylines[i] === polyline) {\n this.polylines[i].setMap(null);\n this.polylines.splice(i, 1);\n\n GMaps.fire('polyline_removed', polyline, this);\n\n break;\n }\n }\n};\n\nGMaps.prototype.removePolylines = function() {\n for (var i = 0, item; item = this.polylines[i]; i++) {\n item.setMap(null);\n }\n\n this.polylines = [];\n};\n\nGMaps.prototype.drawCircle = function(options) {\n options = extend_object({\n map: this.map,\n center: new google.maps.LatLng(options.lat, options.lng)\n }, options);\n\n delete options.lat;\n delete options.lng;\n\n var polygon = new google.maps.Circle(options),\n polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];\n\n for (var ev = 0; ev < polygon_events.length; ev++) {\n (function(object, name) {\n if (options[name]) {\n google.maps.event.addListener(object, name, function(e){\n options[name].apply(this, [e]);\n });\n }\n })(polygon, polygon_events[ev]);\n }\n\n this.polygons.push(polygon);\n\n return polygon;\n};\n\nGMaps.prototype.drawRectangle = function(options) {\n options = extend_object({\n map: this.map\n }, options);\n\n var latLngBounds = new google.maps.LatLngBounds(\n new google.maps.LatLng(options.bounds[0][0], options.bounds[0][1]),\n new google.maps.LatLng(options.bounds[1][0], options.bounds[1][1])\n );\n\n options.bounds = latLngBounds;\n\n var polygon = new google.maps.Rectangle(options),\n polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];\n\n for (var ev = 0; ev < polygon_events.length; ev++) {\n (function(object, name) {\n if (options[name]) {\n google.maps.event.addListener(object, name, function(e){\n options[name].apply(this, [e]);\n });\n }\n })(polygon, polygon_events[ev]);\n }\n\n this.polygons.push(polygon);\n\n return polygon;\n};\n\nGMaps.prototype.drawPolygon = function(options) {\n var useGeoJSON = false;\n\n if(options.hasOwnProperty(\"useGeoJSON\")) {\n useGeoJSON = options.useGeoJSON;\n }\n\n delete options.useGeoJSON;\n\n options = extend_object({\n map: this.map\n }, options);\n\n if (useGeoJSON == false) {\n options.paths = [options.paths.slice(0)];\n }\n\n if (options.paths.length > 0) {\n if (options.paths[0].length > 0) {\n options.paths = array_flat(array_map(options.paths, arrayToLatLng, useGeoJSON));\n }\n }\n\n var polygon = new google.maps.Polygon(options),\n polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];\n\n for (var ev = 0; ev < polygon_events.length; ev++) {\n (function(object, name) {\n if (options[name]) {\n google.maps.event.addListener(object, name, function(e){\n options[name].apply(this, [e]);\n });\n }\n })(polygon, polygon_events[ev]);\n }\n\n this.polygons.push(polygon);\n\n GMaps.fire('polygon_added', polygon, this);\n\n return polygon;\n};\n\nGMaps.prototype.removePolygon = function(polygon) {\n for (var i = 0; i < this.polygons.length; i++) {\n if (this.polygons[i] === polygon) {\n this.polygons[i].setMap(null);\n this.polygons.splice(i, 1);\n\n GMaps.fire('polygon_removed', polygon, this);\n\n break;\n }\n }\n};\n\nGMaps.prototype.removePolygons = function() {\n for (var i = 0, item; item = this.polygons[i]; i++) {\n item.setMap(null);\n }\n\n this.polygons = [];\n};\n\nGMaps.prototype.getFromFusionTables = function(options) {\n var events = options.events;\n\n delete options.events;\n\n var fusion_tables_options = options,\n layer = new google.maps.FusionTablesLayer(fusion_tables_options);\n\n for (var ev in events) {\n (function(object, name) {\n google.maps.event.addListener(object, name, function(e) {\n events[name].apply(this, [e]);\n });\n })(layer, ev);\n }\n\n this.layers.push(layer);\n\n return layer;\n};\n\nGMaps.prototype.loadFromFusionTables = function(options) {\n var layer = this.getFromFusionTables(options);\n layer.setMap(this.map);\n\n return layer;\n};\n\nGMaps.prototype.getFromKML = function(options) {\n var url = options.url,\n events = options.events;\n\n delete options.url;\n delete options.events;\n\n var kml_options = options,\n layer = new google.maps.KmlLayer(url, kml_options);\n\n for (var ev in events) {\n (function(object, name) {\n google.maps.event.addListener(object, name, function(e) {\n events[name].apply(this, [e]);\n });\n })(layer, ev);\n }\n\n this.layers.push(layer);\n\n return layer;\n};\n\nGMaps.prototype.loadFromKML = function(options) {\n var layer = this.getFromKML(options);\n layer.setMap(this.map);\n\n return layer;\n};\n\nGMaps.prototype.addLayer = function(layerName, options) {\n //var default_layers = ['weather', 'clouds', 'traffic', 'transit', 'bicycling', 'panoramio', 'places'];\n options = options || {};\n var layer;\n\n switch(layerName) {\n case 'weather': this.singleLayers.weather = layer = new google.maps.weather.WeatherLayer();\n break;\n case 'clouds': this.singleLayers.clouds = layer = new google.maps.weather.CloudLayer();\n break;\n case 'traffic': this.singleLayers.traffic = layer = new google.maps.TrafficLayer();\n break;\n case 'transit': this.singleLayers.transit = layer = new google.maps.TransitLayer();\n break;\n case 'bicycling': this.singleLayers.bicycling = layer = new google.maps.BicyclingLayer();\n break;\n case 'panoramio':\n this.singleLayers.panoramio = layer = new google.maps.panoramio.PanoramioLayer();\n layer.setTag(options.filter);\n delete options.filter;\n\n //click event\n if (options.click) {\n google.maps.event.addListener(layer, 'click', function(event) {\n options.click(event);\n delete options.click;\n });\n }\n break;\n case 'places':\n this.singleLayers.places = layer = new google.maps.places.PlacesService(this.map);\n\n //search, nearbySearch, radarSearch callback, Both are the same\n if (options.search || options.nearbySearch || options.radarSearch) {\n var placeSearchRequest = {\n bounds : options.bounds || null,\n keyword : options.keyword || null,\n location : options.location || null,\n name : options.name || null,\n radius : options.radius || null,\n rankBy : options.rankBy || null,\n types : options.types || null\n };\n\n if (options.radarSearch) {\n layer.radarSearch(placeSearchRequest, options.radarSearch);\n }\n\n if (options.search) {\n layer.search(placeSearchRequest, options.search);\n }\n\n if (options.nearbySearch) {\n layer.nearbySearch(placeSearchRequest, options.nearbySearch);\n }\n }\n\n //textSearch callback\n if (options.textSearch) {\n var textSearchRequest = {\n bounds : options.bounds || null,\n location : options.location || null,\n query : options.query || null,\n radius : options.radius || null\n };\n\n layer.textSearch(textSearchRequest, options.textSearch);\n }\n break;\n }\n\n if (layer !== undefined) {\n if (typeof layer.setOptions == 'function') {\n layer.setOptions(options);\n }\n if (typeof layer.setMap == 'function') {\n layer.setMap(this.map);\n }\n\n return layer;\n }\n};\n\nGMaps.prototype.removeLayer = function(layer) {\n if (typeof(layer) == \"string\" && this.singleLayers[layer] !== undefined) {\n this.singleLayers[layer].setMap(null);\n\n delete this.singleLayers[layer];\n }\n else {\n for (var i = 0; i < this.layers.length; i++) {\n if (this.layers[i] === layer) {\n this.layers[i].setMap(null);\n this.layers.splice(i, 1);\n\n break;\n }\n }\n }\n};\n\nvar travelMode, unitSystem;\n\nGMaps.prototype.getRoutes = function(options) {\n switch (options.travelMode) {\n case 'bicycling':\n travelMode = google.maps.TravelMode.BICYCLING;\n break;\n case 'transit':\n travelMode = google.maps.TravelMode.TRANSIT;\n break;\n case 'driving':\n travelMode = google.maps.TravelMode.DRIVING;\n break;\n default:\n travelMode = google.maps.TravelMode.WALKING;\n break;\n }\n\n if (options.unitSystem === 'imperial') {\n unitSystem = google.maps.UnitSystem.IMPERIAL;\n }\n else {\n unitSystem = google.maps.UnitSystem.METRIC;\n }\n\n var base_options = {\n avoidHighways: false,\n avoidTolls: false,\n optimizeWaypoints: false,\n waypoints: []\n },\n request_options = extend_object(base_options, options);\n\n request_options.origin = /string/.test(typeof options.origin) ? options.origin : new google.maps.LatLng(options.origin[0], options.origin[1]);\n request_options.destination = /string/.test(typeof options.destination) ? options.destination : new google.maps.LatLng(options.destination[0], options.destination[1]);\n request_options.travelMode = travelMode;\n request_options.unitSystem = unitSystem;\n\n delete request_options.callback;\n delete request_options.error;\n\n var self = this,\n routes = [],\n service = new google.maps.DirectionsService();\n\n service.route(request_options, function(result, status) {\n if (status === google.maps.DirectionsStatus.OK) {\n for (var r in result.routes) {\n if (result.routes.hasOwnProperty(r)) {\n routes.push(result.routes[r]);\n }\n }\n\n if (options.callback) {\n options.callback(routes, result, status);\n }\n }\n else {\n if (options.error) {\n options.error(result, status);\n }\n }\n });\n};\n\nGMaps.prototype.removeRoutes = function() {\n this.routes.length = 0;\n};\n\nGMaps.prototype.getElevations = function(options) {\n options = extend_object({\n locations: [],\n path : false,\n samples : 256\n }, options);\n\n if (options.locations.length > 0) {\n if (options.locations[0].length > 0) {\n options.locations = array_flat(array_map([options.locations], arrayToLatLng, false));\n }\n }\n\n var callback = options.callback;\n delete options.callback;\n\n var service = new google.maps.ElevationService();\n\n //location request\n if (!options.path) {\n delete options.path;\n delete options.samples;\n\n service.getElevationForLocations(options, function(result, status) {\n if (callback && typeof(callback) === \"function\") {\n callback(result, status);\n }\n });\n //path request\n } else {\n var pathRequest = {\n path : options.locations,\n samples : options.samples\n };\n\n service.getElevationAlongPath(pathRequest, function(result, status) {\n if (callback && typeof(callback) === \"function\") {\n callback(result, status);\n }\n });\n }\n};\n\nGMaps.prototype.cleanRoute = GMaps.prototype.removePolylines;\n\nGMaps.prototype.renderRoute = function(options, renderOptions) {\n var self = this,\n panel = ((typeof renderOptions.panel === 'string') ? document.getElementById(renderOptions.panel.replace('#', '')) : renderOptions.panel),\n display;\n\n renderOptions.panel = panel;\n renderOptions = extend_object({\n map: this.map\n }, renderOptions);\n display = new google.maps.DirectionsRenderer(renderOptions);\n\n this.getRoutes({\n origin: options.origin,\n destination: options.destination,\n travelMode: options.travelMode,\n waypoints: options.waypoints,\n unitSystem: options.unitSystem,\n error: options.error,\n avoidHighways: options.avoidHighways,\n avoidTolls: options.avoidTolls,\n optimizeWaypoints: options.optimizeWaypoints,\n callback: function(routes, response, status) {\n if (status === google.maps.DirectionsStatus.OK) {\n display.setDirections(response);\n }\n }\n });\n};\n\nGMaps.prototype.drawRoute = function(options) {\n var self = this;\n\n this.getRoutes({\n origin: options.origin,\n destination: options.destination,\n travelMode: options.travelMode,\n waypoints: options.waypoints,\n unitSystem: options.unitSystem,\n error: options.error,\n avoidHighways: options.avoidHighways,\n avoidTolls: options.avoidTolls,\n optimizeWaypoints: options.optimizeWaypoints,\n callback: function(routes) {\n if (routes.length > 0) {\n var polyline_options = {\n path: routes[routes.length - 1].overview_path,\n strokeColor: options.strokeColor,\n strokeOpacity: options.strokeOpacity,\n strokeWeight: options.strokeWeight\n