☰

WME Utils - Google Link Enhancer

Adds some extra WME functionality related to Google place links.

目前为 2021-07-27 提交的版本，查看 最新版本。

此脚本不应直接安装，它是供其他脚本使用的外部库。如果你需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/39208/954817/WME%20Utils%20-%20Google%20Link%20Enhancer.js 

  1. // ==UserScript==
  2. // @name         WME Utils - Google Link Enhancer
  3. // @namespace    WazeDev
  4. // @version      2021.07.27.001
  5. // @description  Adds some extra WME functionality related to Google place links.
  6. // @author       MapOMatic, WazeDev group
  7. // @include      /^https:\/\/(www|beta)\.waze\.com\/(?!user\/)(.{2,6}\/)?editor\/?.*$/
  8. // @license      GNU GPLv3
  9. // ==/UserScript==
  10.  
  11. /* global $ */
  12. /* global OpenLayers */
  13. /* global Promise */
  14. /* global W */
  15. /* global Node */
  16.  
  17. /* eslint-disable */
  18.  
  19. class GoogleLinkEnhancer {
  20.  
  21.     constructor() {
  22.         this.DISABLE_CLOSED_PLACES = false; // Set to TRUE if the "closed Google place" feature needs to be temporarily disabled, e.g. during the COVID-19 pandemic.
  23.         this.EXT_PROV_ELEM_QUERY = 'li.external-provider-item';
  24.         this.LINK_CACHE_NAME = 'gle_link_cache';
  25.         this.LINK_CACHE_CLEAN_INTERVAL_MIN = 1; // Interval to remove old links and save new ones.
  26.         this.LINK_CACHE_LIFESPAN_HR = 6; // Remove old links when they exceed this time limit.
  27.         this.DEC = k => atob(atob(k));
  28.         this._enabled = false;
  29.         this._disableApiUntil; // When a serious API error occurs (OVER_QUERY_LIMIT, REQUEST_DENIED), set this to a time in the future.
  30.         this._mapLayer = null;
  31.         this._urlOrigin = window.location.origin;
  32.         this._distanceLimit = 400; // Default distance (meters) when Waze place is flagged for being too far from Google place.
  33.         // Area place is calculated as _distanceLimit + <distance between centroid and furthest node>
  34.  
  35. 		this._showTempClosedPOIs = true;
  36.         this.strings = {};
  37.         this.strings.permClosedPlace = 'Google indicates this place is permanently closed.\nVerify with other sources or your editor community before deleting.';
  38.         this.strings.tempClosedPlace = 'Google indicates this place is temporarily closed.';
  39.         this.strings.multiLinked = 'Linked more than once already. Please find and remove multiple links.';
  40.         this.strings.linkedToThisPlace = 'Already linked to this place';
  41.         this.strings.linkedNearby = 'Already linked to a nearby place';
  42.         this.strings.linkedToXPlaces = 'This is linked to {0} places';
  43.         this.strings.badLink = 'Invalid Google link. Please remove it.';
  44.         this.strings.tooFar = 'The Google linked place is more than {0} meters from the Waze place.  Please verify the link is correct.';
  45.  
  46.         this._urlBase = `${this._urlOrigin}/maps/api/place/details/json?fields=geometry,business_status&${this.DEC('YTJWNVBVRkplbUZUZVVObFltSkZVM0pYUlZKWk1VMVNXalUyWjBWQlpuQjBOM1JMTWxJMmFGWmZTUT09')}&placeid=`;
  47.  
  48.         this._initLZString();
  49.  
  50.         let storedCache = localStorage.getItem(this.LINK_CACHE_NAME);
  51.         try {
  52.             this._linkCache = storedCache ? $.parseJSON(this._LZString.decompressFromUTF16(storedCache)) : {};
  53.         } catch (ex) {
  54.             if (ex.name === 'SyntaxError') {
  55.                 // In case the cache is corrupted and can't be read.
  56.                 this._linkCache = {};
  57.                 console.warn('GoogleLinkEnhancer:', 'An error occurred while loading the stored cache.  A new cache was created.');
  58.             } else {
  59.                 throw ex;
  60.             }
  61.         }
  62.         if (this._linkCache === null || this._linkCache.length === 0) this._linkCache = {};
  63.  
  64.         this._initLayer();
  65.  
  66.         // Watch for ext provider elements being added to the DOM, and add hover events.
  67.         this._linkObserver = new MutationObserver(mutations => {
  68.             mutations.forEach(mutation => {
  69.                 for (let idx = 0; idx < mutation.addedNodes.length; idx++) {
  70.                     let nd = mutation.addedNodes[idx];
  71.                     if (nd.nodeType === Node.ELEMENT_NODE) {
  72.                         let $el = $(nd);
  73.                         if ($el.is(this.EXT_PROV_ELEM_QUERY)) {
  74.                             this._addHoverEvent($el);
  75.                         } else {
  76.                             if ($el.find('div.uuid').length) {
  77.                                 this._formatLinkElements();
  78.                             }
  79.                         }
  80.                     }
  81.                 }
  82.             });
  83.         });
  84.  
  85.         // Watch for Google place search result list items being added to the DOM
  86.         let that = this;
  87.         this._searchResultsObserver = new MutationObserver(mutations => {
  88.             mutations.forEach(mutation => {
  89.                 for (let idx = 0; idx < mutation.addedNodes.length; idx++) {
  90.                     let nd = mutation.addedNodes[idx];
  91.                     if (nd.nodeType === Node.ELEMENT_NODE && $(nd).is('.select2-results-dept-0') && $(nd).parent().parent().is('.select2-with-searchbox')) {
  92.                         $(nd).mouseenter(() => {
  93.                             // When mousing over a list item, find the Google place ID from the list that was stored previously.
  94.                             // Then add the point/line to the map.
  95.                             that._addPoint(that._lastSearchResultPlaceIds[idx]);
  96.                         }).mouseleave(() => {
  97.                             // When leaving the list item, remove the point.
  98.                             that._destroyPoint()
  99.                         });
  100.                     }
  101.                 }
  102.             });
  103.         });
  104.  
  105.         // Watch the side panel for addition of the sidebar-layout div, which indicates a mode change.
  106.         this._modeObserver = new MutationObserver(mutations => {
  107.             mutations.forEach(mutation => {
  108.                 for (let idx = 0; idx < mutation.addedNodes.length; idx++) {
  109.                     let nd = mutation.addedNodes[idx];
  110.                     if (nd.nodeType === Node.ELEMENT_NODE && $(nd).is('.sidebar-layout')) {
  111.                         this._observeLinks();
  112.                         break;
  113.                     }
  114.                 }
  115.             });
  116.         });
  117.  
  118.         // This is a special event that will be triggered when DOM elements are destroyed.
  119.         (function ($) {
  120.             $.event.special.destroyed = {
  121.                 remove: function (o) {
  122.                     if (o.handler && o.type !== 'destroyed') {
  123.                         o.handler();
  124.                     }
  125.                 }
  126.             };
  127.         })(jQuery);
  128.     }
  129.  
  130.  
  131.     _initLayer() {
  132.         this._mapLayer = new OpenLayers.Layer.Vector('Google Link Enhancements.', {
  133.             uniqueName: '___GoogleLinkEnhancements',
  134.             displayInLayerSwitcher: true,
  135.             styleMap: new OpenLayers.StyleMap({
  136.                 default: {
  137.                     strokeColor: '${strokeColor}',
  138.                     strokeWidth: '${strokeWidth}',
  139.                     strokeDashstyle: '${strokeDashstyle}',
  140.                     pointRadius: '15',
  141.                     fillOpacity: '0'
  142.                 }
  143.             })
  144.         });
  145.  
  146.         this._mapLayer.setOpacity(0.8);
  147.  
  148.         W.map.addLayer(this._mapLayer);
  149.  
  150.         W.model.events.register('mergeend', this, function (e) {
  151.             this._processPlaces();
  152.         }, true);
  153.  
  154.         // *************************************
  155.         // EDIT 2019.03.14 - Not sure if this is needed.  Mergeend event seems to work fine.
  156.         // Removing it for now, but not thoroughly tested.
  157.         // *************************************
  158.         // W.map.events.register('moveend', this, function (e) {
  159.         //     this._processPlaces();
  160.         // }, true);
  161.  
  162.         W.model.venues.on('objectschanged', function (e) { this._processPlaces(); }, this);
  163.         W.model.venues.on('objectsremoved', function (e) { this._processPlaces(); }, this);
  164.         W.model.venues.on('objectsadded', function (e) { this._processPlaces(); }, this);
  165.     }
  166.  
  167.     enable() {
  168.         if (!this._enabled) {
  169.             this._modeObserver.observe($('.edit-area #sidebarContent')[0], { childList: true, subtree: false });
  170.             this._observeLinks();
  171.             this._searchResultsObserver.observe($('body')[0], { childList: true, subtree: true });
  172.             // Watch for JSONP callbacks. JSONP is used for the autocomplete results when searching for Google links.
  173.             this._addJsonpInterceptor();
  174.             // Note: Using on() allows passing "this" as a variable, so it can be used in the handler function.
  175.             $('#map').on('mouseenter', null, this, this._onMapMouseenter);
  176.             $(window).on('unload', null, this, this._onWindowUnload);
  177.             W.model.venues.on('objectschanged', this._formatLinkElements, this);
  178.             this._processPlaces();
  179.             this._cleanAndSaveLinkCache();
  180.             this._cacheCleanIntervalID = setInterval(() => this._cleanAndSaveLinkCache(), 1000 * 60 * this.LINK_CACHE_CLEAN_INTERVAL_MIN);
  181.             this._enabled = true;
  182.         }
  183.     }
  184.  
  185.     disable() {
  186.         if (this._enabled) {
  187.             this._modeObserver.disconnect();
  188.             this._linkObserver.disconnect();
  189.             this._searchResultsObserver.disconnect();
  190.             this._removeJsonpInterceptor();
  191.             $('#map').off('mouseenter', this._onMapMouseenter);
  192.             $(window).off('unload', null, this, this._onWindowUnload);
  193.             W.model.venues.off('objectschanged', this._formatLinkElements, this);
  194.             if (this._cacheCleanIntervalID) clearInterval(this._cacheCleanIntervalID);
  195.             this._cleanAndSaveLinkCache();
  196.             this._enabled = false;
  197.         }
  198.     }
  199.  
  200.     // The distance (in meters) before flagging a Waze place that is too far from the linked Google place.
  201.     // Area places use distanceLimit, plus the distance from the centroid of the AP to its furthest node.
  202.     get distanceLimit() {
  203.         return this._distanceLimit;
  204.     }
  205.     set distanceLimit(value) {
  206.         this._distanceLimit = value;
  207.         this._processPlaces();
  208.     }
  209. 	
  210. 	get showTempClosedPOIs(){
  211. 		return this._showTempClosedPOIs;
  212. 	}
  213. 	
  214. 	set showTempClosedPOIs(value){
  215. 		this._showTempClosedPOIs = value;
  216. 		this._processPlaces();
  217. 	}
  218.  
  219.     _onWindowUnload(evt) {
  220.         evt.data._cleanAndSaveLinkCache();
  221.     }
  222.  
  223.     _cleanAndSaveLinkCache() {
  224.         if (!this._linkCache) return;
  225.         let now = new Date();
  226.         Object.keys(this._linkCache).forEach(id => {
  227.             let link = this._linkCache[id];
  228.             // Bug fix:
  229.             if (link.location) {
  230.                 link.loc = link.location;
  231.                 delete link.location;
  232.             }
  233.             // Delete link if older than X hours.
  234.             if (!link.ts || (now - new Date(link.ts)) > this.LINK_CACHE_LIFESPAN_HR * 3600 * 1000) {
  235.                 delete this._linkCache[id];
  236.             }
  237.         });
  238.         localStorage.setItem(this.LINK_CACHE_NAME, this._LZString.compressToUTF16(JSON.stringify(this._linkCache)));
  239.         //console.log('link cache count: ' + Object.keys(this._linkCache).length, this._linkCache);
  240.     }
  241.  
  242.     _distanceBetweenPoints(x1, y1, x2, y2) {
  243.         return Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2));
  244.     }
  245.  
  246.     _isLinkTooFar(link, venue) {
  247.         if (link.loc) {
  248.             let linkPt = new OpenLayers.Geometry.Point(link.loc.lng, link.loc.lat);
  249.             linkPt.transform(W.map.getOLMap().displayProjection, W.map.getProjectionObject());
  250.             let venuePt;
  251.             let distanceLimit;
  252.             if (venue.isPoint()) {
  253.                 venuePt = venue.geometry.getCentroid();
  254.                 distanceLimit = this.distanceLimit;
  255.             } else {
  256.                 let bounds = venue.geometry.getBounds();
  257.                 let center = bounds.getCenterLonLat();
  258.                 venuePt = { x: center.lon, y: center.lat };
  259.                 distanceLimit = this._distanceBetweenPoints(center.lon, center.lat, bounds.right, bounds.top) + this.distanceLimit;
  260.             }
  261.             let distance = this._distanceBetweenPoints(linkPt.x, linkPt.y, venuePt.x, venuePt.y);
  262.  
  263.             return distance > distanceLimit;
  264.         } else {
  265.             return false;
  266.         }
  267.     }
  268.  
  269.     _processPlaces() {
  270.         try {
  271.             if (this._enabled) {
  272.                 let that = this;
  273.                 let projFrom = W.map.getOLMap().displayProjection;
  274.                 let projTo = W.map.getProjectionObject();
  275.                 let mapExtent = W.map.getExtent();
  276.                 // Get a list of already-linked id's
  277.                 let existingLinks = this._getExistingLinks();
  278.                 this._mapLayer.removeAllFeatures();
  279.                 let drawnLinks = [];
  280.                 W.model.venues.getObjectArray().forEach(function (venue) {
  281.                     const promises = [];
  282.                     venue.attributes.externalProviderIDs.forEach(provID => {
  283.                         let id = provID.attributes.uuid;
  284.  
  285.                         // Check for duplicate links
  286.                         let linkInfo = existingLinks[id];
  287.                         if (linkInfo.count > 1) {
  288.                             let geometry = venue.isPoint() ? venue.geometry.getCentroid() : venue.geometry.clone();
  289.                             let width = venue.isPoint() ? '4' : '12';
  290.                             let color = '#fb8d00';
  291.                             let features = [new OpenLayers.Feature.Vector(geometry, {
  292.                                 strokeWidth: width, strokeColor: color
  293.                             })];
  294.                             let lineStart = geometry.getCentroid();
  295.                             linkInfo.venues.forEach(linkVenue => {
  296.                                 if (linkVenue !== venue
  297.                                     && !drawnLinks.some(dl => (dl[0] === venue && dl[1] === linkVenue) || (dl[0] === linkVenue && dl[1] === venue))) {
  298.                                     features.push(
  299.                                         new OpenLayers.Feature.Vector(
  300.                                             new OpenLayers.Geometry.LineString([lineStart, linkVenue.geometry.getCentroid()]),
  301.                                             {
  302.                                                 strokeWidth: 4,
  303.                                                 strokeColor: color,
  304.                                                 strokeDashstyle: '12 12',
  305.                                             })
  306.                                     )
  307.                                     drawnLinks.push([venue, linkVenue]);
  308.                                 }
  309.                             })
  310.                             that._mapLayer.addFeatures(features);
  311.                         }
  312.  
  313.                         // Get Google link info, and store results for processing.
  314.                         promises.push(that._getLinkInfoAsync(id));
  315.                     });
  316.  
  317.                     // Process all results of link lookups and add a highlight feature if needed.
  318.                     Promise.all(promises).then(results => {
  319.                         let strokeColor = null;
  320.                         let strokeDashStyle = 'solid';
  321.                         if (results.some(res => that._isLinkTooFar(res, venue))) {
  322.                             strokeColor = '#0FF';
  323.                         } else if (!that.DISABLE_CLOSED_PLACES && results.some(res => res.permclosed)) {
  324.                             if (/^(\[|\()?(permanently )?closed(\]|\)| -)/i.test(venue.attributes.name)
  325.                                 || /(\(|- |\[)(permanently )?closed(\)|\])?$/i.test(venue.attributes.name)) {
  326.                                 strokeDashStyle = venue.isPoint() ? '2 6' : '2 16';
  327.                             }
  328.                             strokeColor = '#F00';
  329.                         } else if (!that.DISABLE_CLOSED_PLACES && that._showTempClosedPOIs && results.some(res => res.tempclosed)) {
  330.                             if (/^(\[|\()?(temporarily )?closed(\]|\)| -)/i.test(venue.attributes.name)
  331.                                 || /(\(|- |\[)(temporarily )?closed(\)|\])?$/i.test(venue.attributes.name)) {
  332.                                 strokeDashStyle = venue.isPoint() ? '2 6' : '2 16';
  333.                             }
  334.                             strokeColor = '#FD3';
  335.                         } else if (results.some(res => res.notFound)) {
  336.                             strokeColor = '#F0F';
  337.                         }
  338.                         if (strokeColor) {
  339.                             const style = {
  340.                                 strokeWidth: venue.isPoint() ? '4' : '12',
  341.                                 strokeColor,
  342.                                 strokeDashStyle
  343.                             }
  344.                             const geometry = venue.isPoint() ? venue.geometry.getCentroid() : venue.geometry.clone();
  345.                             that._mapLayer.addFeatures([new OpenLayers.Feature.Vector(geometry, style)]);
  346.                         }
  347.                     });
  348.                 });
  349.             }
  350.         } catch (ex) {
  351.             console.error('PIE (Google Link Enhancer) error:', ex);
  352.         }
  353.     }
  354.  
  355.     _cacheLink(id, link) {
  356.         link.ts = new Date();
  357.         this._linkCache[id] = link;
  358.         //console.log('link cache count: ' + Object.keys(this._linkCache).length, this._linkCache);
  359.     }
  360.  
  361.     _getLinkInfoAsync(id) {
  362.         var link = this._linkCache[id];
  363.         if (link) {
  364.             return Promise.resolve(link);
  365.         } else {
  366.             if (this._disableApiUntil) {
  367.                 if (Date.now() < this._disableApiUntil) {
  368.                     return Promise.resolve({ apiDisabled: true });
  369.                 }
  370.                 this._disableApiUntil = null;
  371.             }
  372.             return new Promise((resolve, reject) => {
  373.                 $.getJSON(`${this._urlBase}${id}`).then(json => {
  374.                     let res = {};
  375.                     if (json.status === "OK") {
  376.                         res.loc = json.result.geometry.location;
  377.                         if (json.result.business_status == "CLOSED_PERMANENTLY") {
  378.                             res.permclosed = true;
  379.                         } else if (json.result.business_status == "CLOSED_TEMPORARILY") {
  380.                             res.tempclosed = true;
  381.                         }
  382.                         this._cacheLink(id, res);
  383.                     } else if (json.status === "NOT_FOUND") {
  384.                         res.notfound = true;
  385.                         this._cacheLink(id, res);
  386.                     } else {
  387.                         if (this._disableApiUntil) {
  388.                             res.apiDisabled = true;
  389.                         } else {
  390.                             res.error = json.status;
  391.                             res.errorMessage = json.error_message;
  392.                             this._disableApiUntil = Date.now() + 10 * 1000 // Disable api calls for 10 seconds.
  393.                             console.error(GM_info.script.name + ', Google Link Enhancer disabled for 10 seconds due to API error.', res);
  394.                         }
  395.                     }
  396.                     resolve(res);
  397.                 });
  398.             });
  399.         }
  400.     }
  401.  
  402.     _onMapMouseenter(event) {
  403.         // If the point isn't destroyed yet, destroy it when mousing over the map.
  404.         event.data._destroyPoint();
  405.     }
  406.  
  407.     _getSelectedFeatures() {
  408.         if (!W.selectionManager.getSelectedFeatures)
  409.             return W.selectionManager.selectedItems;
  410.         return W.selectionManager.getSelectedFeatures();
  411.     }
  412.  
  413.     _formatLinkElements(a, b, c) {
  414.         let existingLinks = this._getExistingLinks();
  415.         $('#edit-panel').find(this.EXT_PROV_ELEM_QUERY).each((ix, childEl) => {
  416.             console.log(childEl);
  417.             let $childEl = $(childEl);
  418.             let id = this._getIdFromElement($childEl);
  419.             if (existingLinks[id] && existingLinks[id].count > 1 && existingLinks[id].isThisVenue) {
  420.                 setTimeout(() => {
  421.                     $childEl.find('div.uuid').css({ backgroundColor: '#FFA500' }).attr({ 'title': this.strings.linkedToXPlaces.replace('{0}', existingLinks[id].count) });
  422.                 }, 50);
  423.             }
  424.             this._addHoverEvent($(childEl));
  425.  
  426.             let link = this._linkCache[id];
  427.             if (link) {
  428.                 if (link.permclosed && !this.DISABLE_CLOSED_PLACES) {
  429.                     // A delay is needed to allow the UI to do its formatting so it doesn't overwrite ours.
  430.                     // EDIT 2019.03.14 - Tested without the timeouts and it appears to be working now.
  431.  
  432.                     //setTimeout(() => {
  433.                     $childEl.find('div.uuid').css({ backgroundColor: '#FAA' }).attr('title', this.strings.permClosedPlace);
  434.                     //}, 50);
  435.                 } else if (link.tempclosed && !this.DISABLE_CLOSED_PLACES) {
  436.                     //setTimeout(() => {
  437.                     $childEl.find('div.uuid').css({ backgroundColor: '#FFA' }).attr('title', this.strings.tempClosedPlace);
  438.                     //}, 50);
  439.                 } else if (link.notFound) {
  440.                     //setTimeout(() => {
  441.                     $childEl.find('div.uuid').css({ backgroundColor: '#F0F' }).attr('title', this.strings.badLink);
  442.                     //}, 50);
  443.                 } else {
  444.                     let venue = this._getSelectedFeatures()[0].model;
  445.                     if (this._isLinkTooFar(link, venue)) {
  446.                         //setTimeout(() => {
  447.                         $childEl.find('div.uuid').css({ backgroundColor: '#0FF' }).attr('title', this.strings.tooFar.replace('{0}', this.distanceLimit));
  448.                         //}, 50);
  449.                     }
  450.                 }
  451.             }
  452.         });
  453.     }
  454.  
  455.     _getExistingLinks() {
  456.         let existingLinks = {};
  457.         let thisVenue;
  458.         if (this._getSelectedFeatures().length) {
  459.             thisVenue = this._getSelectedFeatures()[0].model;
  460.         }
  461.         W.model.venues.getObjectArray().forEach(venue => {
  462.             let isThisVenue = venue === thisVenue;
  463.             let thisPlaceIDs = [];
  464.             venue.attributes.externalProviderIDs.forEach(provID => {
  465.                 let id = provID.attributes.uuid;
  466.                 if (thisPlaceIDs.indexOf(id) === -1) {
  467.                     thisPlaceIDs.push(id);
  468.                     let link = existingLinks[id];
  469.                     if (link) {
  470.                         link.count++;
  471.                         link.venues.push(venue);
  472.                     } else {
  473.                         link = { count: 1, venues: [venue] };
  474.                         existingLinks[id] = link;
  475.                     }
  476.                     link.isThisVenue = link.isThisVenue || isThisVenue;
  477.                 }
  478.             });
  479.         });
  480.         return existingLinks;
  481.     }
  482.  
  483.     // Remove the POI point from the map.
  484.     _destroyPoint() {
  485.         if (this._ptFeature) {
  486.             this._ptFeature.destroy();
  487.             this._ptFeature = null;
  488.             this._lineFeature.destroy();
  489.             this._lineFeature = null;
  490.         }
  491.     }
  492.  
  493.     // Add the POI point to the map.
  494.     _addPoint(id) {
  495.         if (!id) return;
  496.         let link = this._linkCache[id];
  497.         if (link) {
  498.             if (!link.notFound) {
  499.                 let coord = link.loc;
  500.                 let poiPt = new OpenLayers.Geometry.Point(coord.lng, coord.lat);
  501.                 poiPt.transform(W.map.getOLMap().displayProjection, W.map.getProjectionObject());
  502.                 let placeGeom = this._getSelectedFeatures()[0].geometry.getCentroid();
  503.                 let placePt = new OpenLayers.Geometry.Point(placeGeom.x, placeGeom.y);
  504.                 let ext = W.map.getExtent();
  505.                 var lsBounds = new OpenLayers.Geometry.LineString([
  506.                     new OpenLayers.Geometry.Point(ext.left, ext.bottom),
  507.                     new OpenLayers.Geometry.Point(ext.left, ext.top),
  508.                     new OpenLayers.Geometry.Point(ext.right, ext.top),
  509.                     new OpenLayers.Geometry.Point(ext.right, ext.bottom),
  510.                     new OpenLayers.Geometry.Point(ext.left, ext.bottom)]);
  511.                 let lsLine = new OpenLayers.Geometry.LineString([placePt, poiPt]);
  512.  
  513.                 // If the line extends outside the bounds, split it so we don't draw a line across the world.
  514.                 let splits = lsLine.splitWith(lsBounds);
  515.                 let label = '';
  516.                 if (splits) {
  517.                     let splitPoints;
  518.                     splits.forEach(split => {
  519.                         split.components.forEach(component => {
  520.                             if (component.x === placePt.x && component.y === placePt.y) splitPoints = split;
  521.                         });
  522.                     });
  523.                     lsLine = new OpenLayers.Geometry.LineString([splitPoints.components[0], splitPoints.components[1]]);
  524.                     let distance = poiPt.distanceTo(placePt);
  525.                     let unitConversion, unit1, unit2;
  526.                     if (W.model.isImperial) {
  527.                         distance *= 3.28084;
  528.                         unitConversion = 5280;
  529.                         unit1 = ' ft';
  530.                         unit2 = ' mi';
  531.                     } else {
  532.                         unitConversion = 1000;
  533.                         unit1 = ' m';
  534.                         unit2 = ' km';
  535.                     }
  536.                     if (distance > unitConversion * 10) {
  537.                         label = Math.round(distance / unitConversion) + unit2;
  538.                     } else if (distance > 1000) {
  539.                         label = (Math.round(distance / (unitConversion / 10)) / 10) + unit2;
  540.                     } else {
  541.                         label = Math.round(distance) + unit1;
  542.                     }
  543.                 }
  544.  
  545.                 this._destroyPoint();  // Just in case it still exists.
  546.                 this._ptFeature = new OpenLayers.Feature.Vector(poiPt, { poiCoord: true }, {
  547.                     pointRadius: 6,
  548.                     strokeWidth: 30,
  549.                     strokeColor: '#FF0',
  550.                     fillColor: '#FF0',
  551.                     strokeOpacity: 0.5
  552.                 });
  553.                 this._lineFeature = new OpenLayers.Feature.Vector(lsLine, {}, {
  554.                     strokeWidth: 3,
  555.                     strokeDashstyle: '12 8',
  556.                     strokeColor: '#FF0',
  557.                     label: label,
  558.                     labelYOffset: 45,
  559.                     fontColor: '#FF0',
  560.                     fontWeight: 'bold',
  561.                     labelOutlineColor: "#000",
  562.                     labelOutlineWidth: 4,
  563.                     fontSize: '18'
  564.                 });
  565.                 W.map.getLayerByUniqueName('venues').addFeatures([this._ptFeature, this._lineFeature]);
  566.                 this._timeoutDestroyPoint();
  567.             }
  568.         } else {
  569.             this._getLinkInfoAsync(id).then(res => {
  570.                 if (res.error || res.apiDisabled) {
  571.                     // API was temporarily disabled.  Ignore for now.
  572.                 } else {
  573.                     this._addPoint(id);
  574.                 }
  575.             })
  576.         }
  577.     }
  578.  
  579.     // Destroy the point after some time, if it hasn't been destroyed already.
  580.     _timeoutDestroyPoint() {
  581.         if (this._timeoutID) clearTimeout(this._timeoutID);
  582.         this._timeoutID = setTimeout(() => this._destroyPoint(), 4000);
  583.     }
  584.  
  585.     _getIdFromElement($el) {
  586.         return $el.find('input.uuid').attr('value');
  587.     }
  588.  
  589.     _addHoverEvent($el) {
  590.         $el.hover(() => this._addPoint(this._getIdFromElement($el)), () => this._destroyPoint());
  591.     }
  592.  
  593.     _observeLinks() {
  594.         this._linkObserver.observe($('#edit-panel')[0], { childList: true, subtree: true });
  595.     }
  596.  
  597.     // The JSONP interceptor is used to watch the head element for the addition of JSONP functions
  598.     // that process Google link search results. Those functions are overridden by our own so we can
  599.     // process the results before sending them on to the original function.
  600.     _addJsonpInterceptor() {
  601.         // The idea for this function was hatched here:
  602.         // https://stackoverflow.com/questions/6803521/can-google-maps-places-autocomplete-api-be-used-via-ajax/9856786
  603.  
  604.         // The head element, where the Google Autocomplete code will insert a tag 
  605.         // for a javascript file.
  606.         var head = $('head')[0];
  607.         // The name of the method the Autocomplete code uses to insert the tag.
  608.         var method = 'appendChild';
  609.         // The method we will be overriding.
  610.         var originalMethod = head[method];
  611.         this._originalHeadAppendChildMethod = originalMethod;
  612.         let that = this;
  613.         head[method] = function () {
  614.             // Check that the element is a javascript tag being inserted by Google.
  615.             if (arguments[0] && arguments[0].src && arguments[0].src.match(/GetPredictions/)) {
  616.                 // Regex to extract the name of the callback method that the JSONP will call.
  617.                 var callbackMatchObject = (/callback=([^&]+)&|$/).exec(arguments[0].src);
  618.  
  619.                 // Regex to extract the search term that was entered by the user.
  620.                 var searchTermMatchObject = (/\?1s([^&]+)&/).exec(arguments[0].src);
  621.  
  622.                 var searchTerm = unescape(searchTermMatchObject[1]);
  623.                 if (callbackMatchObject && searchTermMatchObject) {
  624.                     // The JSONP callback method is in the form "abc.def" and each time has a different random name.
  625.                     var names = callbackMatchObject[1].split('.');
  626.                     // Store the original callback method.
  627.                     var originalCallback = names[0] && names[1] && window[names[0]] && window[names[0]][names[1]];
  628.  
  629.                     if (originalCallback) {
  630.                         var newCallback = function () {  // Define your own JSONP callback
  631.                             if (arguments[0] && arguments[0].predictions) {
  632.                                 // SUCCESS!
  633.  
  634.                                 // The autocomplete results
  635.                                 var data = arguments[0];
  636.  
  637.                                 console.log(data);
  638.                                 that._lastSearchResultPlaceIds = data.predictions.map(pred => pred.place_id);
  639.  
  640.                                 // Call the original callback so the WME dropdown can do its thing.
  641.                                 originalCallback(data);
  642.                             }
  643.                         }
  644.  
  645.                         // Add copy all the attributes of the old callback function to the new callback function. 
  646.                         // This prevents the autocomplete functionality from throwing an error.
  647.                         for (name in originalCallback) {
  648.                             newCallback[name] = originalCallback[name];
  649.                         }
  650.                         window[names[0]][names[1]] = newCallback;  // Override the JSONP callback
  651.                     }
  652.                 }
  653.             }
  654.             // Insert the element into the dom, regardless of whether it was being inserted by Google.
  655.             return originalMethod.apply(this, arguments);
  656.         };
  657.     }
  658.  
  659.     _removeJsonpInterceptor() {
  660.         $('head')[0].appendChild = this._originalHeadAppendChildMethod;
  661.     }
  662.  
  663.     _initLZString() {
  664.         // LZ Compressor
  665.         // Copyright (c) 2013 Pieroxy <pieroxy@pieroxy.net>
  666.         // This work is free. You can redistribute it and/or modify it
  667.         // under the terms of the WTFPL, Version 2
  668.         // LZ-based compression algorithm, version 1.4.4
  669.         this._LZString = (function () {
  670.             // private property
  671.             var f = String.fromCharCode;
  672.             var keyStrBase64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
  673.             var keyStrUriSafe = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$";
  674.             var baseReverseDic = {};
  675.  
  676.             function getBaseValue(alphabet, character) {
  677.                 if (!baseReverseDic[alphabet]) {
  678.                     baseReverseDic[alphabet] = {};
  679.                     for (var i = 0; i < alphabet.length; i++) {
  680.                         baseReverseDic[alphabet][alphabet.charAt(i)] = i;
  681.                     }
  682.                 }
  683.                 return baseReverseDic[alphabet][character];
  684.             }
  685.             var LZString = {
  686.                 compressToBase64: function (input) {
  687.                     if (input === null) return "";
  688.                     var res = LZString._compress(input, 6, function (a) {
  689.                         return keyStrBase64.charAt(a);
  690.                     });
  691.                     switch (res.length % 4) { // To produce valid Base64
  692.                         default: // When could this happen ?
  693.                         case 0:
  694.                             return res;
  695.                         case 1:
  696.                             return res + "===";
  697.                         case 2:
  698.                             return res + "==";
  699.                         case 3:
  700.                             return res + "=";
  701.                     }
  702.                 },
  703.                 decompressFromBase64: function (input) {
  704.                     if (input === null) return "";
  705.                     if (input === "") return null;
  706.                     return LZString._decompress(input.length, 32, function (index) {
  707.                         return getBaseValue(keyStrBase64, input.charAt(index));
  708.                     });
  709.                 },
  710.                 compressToUTF16: function (input) {
  711.                     if (input === null) return "";
  712.                     return LZString._compress(input, 15, function (a) {
  713.                         return f(a + 32);
  714.                     }) + " ";
  715.                 },
  716.                 decompressFromUTF16: function (compressed) {
  717.                     if (compressed === null) return "";
  718.                     if (compressed === "") return null;
  719.                     return LZString._decompress(compressed.length, 16384, function (index) {
  720.                         return compressed.charCodeAt(index) - 32;
  721.                     });
  722.                 },
  723.  
  724.                 compress: function (uncompressed) {
  725.                     return LZString._compress(uncompressed, 16, function (a) {
  726.                         return f(a);
  727.                     });
  728.                 },
  729.                 _compress: function (uncompressed, bitsPerChar, getCharFromInt) {
  730.                     if (uncompressed === null) return "";
  731.                     var i, value,
  732.                         context_dictionary = {},
  733.                         context_dictionaryToCreate = {},
  734.                         context_c = "",
  735.                         context_wc = "",
  736.                         context_w = "",
  737.                         context_enlargeIn = 2, // Compensate for the first entry which should not count
  738.                         context_dictSize = 3,
  739.                         context_numBits = 2,
  740.                         context_data = [],
  741.                         context_data_val = 0,
  742.                         context_data_position = 0,
  743.                         ii;
  744.                     for (ii = 0; ii < uncompressed.length; ii += 1) {
  745.                         context_c = uncompressed.charAt(ii);
  746.                         if (!Object.prototype.hasOwnProperty.call(context_dictionary, context_c)) {
  747.                             context_dictionary[context_c] = context_dictSize++;
  748.                             context_dictionaryToCreate[context_c] = true;
  749.                         }
  750.                         context_wc = context_w + context_c;
  751.                         if (Object.prototype.hasOwnProperty.call(context_dictionary, context_wc)) {
  752.                             context_w = context_wc;
  753.                         } else {
  754.                             if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate, context_w)) {
  755.                                 if (context_w.charCodeAt(0) < 256) {
  756.                                     for (i = 0; i < context_numBits; i++) {
  757.                                         context_data_val = (context_data_val << 1);
  758.                                         if (context_data_position === bitsPerChar - 1) {
  759.                                             context_data_position = 0;
  760.                                             context_data.push(getCharFromInt(context_data_val));
  761.                                             context_data_val = 0;
  762.                                         } else {
  763.                                             context_data_position++;
  764.                                         }
  765.                                     }
  766.                                     value = context_w.charCodeAt(0);
  767.                                     for (i = 0; i < 8; i++) {
  768.                                         context_data_val = (context_data_val << 1) | (value & 1);
  769.                                         if (context_data_position === bitsPerChar - 1) {
  770.                                             context_data_position = 0;
  771.                                             context_data.push(getCharFromInt(context_data_val));
  772.                                             context_data_val = 0;
  773.                                         } else {
  774.                                             context_data_position++;
  775.                                         }
  776.                                         value = value >> 1;
  777.                                     }
  778.                                 } else {
  779.                                     value = 1;
  780.                                     for (i = 0; i < context_numBits; i++) {
  781.                                         context_data_val = (context_data_val << 1) | value;
  782.                                         if (context_data_position === bitsPerChar - 1) {
  783.                                             context_data_position = 0;
  784.                                             context_data.push(getCharFromInt(context_data_val));
  785.                                             context_data_val = 0;
  786.                                         } else {
  787.                                             context_data_position++;
  788.                                         }
  789.                                         value = 0;
  790.                                     }
  791.                                     value = context_w.charCodeAt(0);
  792.                                     for (i = 0; i < 16; i++) {
  793.                                         context_data_val = (context_data_val << 1) | (value & 1);
  794.                                         if (context_data_position === bitsPerChar - 1) {
  795.                                             context_data_position = 0;
  796.                                             context_data.push(getCharFromInt(context_data_val));
  797.                                             context_data_val = 0;
  798.                                         } else {
  799.                                             context_data_position++;
  800.                                         }
  801.                                         value = value >> 1;
  802.                                     }
  803.                                 }
  804.                                 context_enlargeIn--;
  805.                                 if (context_enlargeIn === 0) {
  806.                                     context_enlargeIn = Math.pow(2, context_numBits);
  807.                                     context_numBits++;
  808.                                 }
  809.                                 delete context_dictionaryToCreate[context_w];
  810.                             } else {
  811.                                 value = context_dictionary[context_w];
  812.                                 for (i = 0; i < context_numBits; i++) {
  813.                                     context_data_val = (context_data_val << 1) | (value & 1);
  814.                                     if (context_data_position === bitsPerChar - 1) {
  815.                                         context_data_position = 0;
  816.                                         context_data.push(getCharFromInt(context_data_val));
  817.                                         context_data_val = 0;
  818.                                     } else {
  819.                                         context_data_position++;
  820.                                     }
  821.                                     value = value >> 1;
  822.                                 }
  823.                             }
  824.                             context_enlargeIn--;
  825.                             if (context_enlargeIn === 0) {
  826.                                 context_enlargeIn = Math.pow(2, context_numBits);
  827.                                 context_numBits++;
  828.                             }
  829.                             // Add wc to the dictionary.
  830.                             context_dictionary[context_wc] = context_dictSize++;
  831.                             context_w = String(context_c);
  832.                         }
  833.                     }
  834.                     // Output the code for w.
  835.                     if (context_w !== "") {
  836.                         if (Object.prototype.hasOwnProperty.call(context_dictionaryToCreate, context_w)) {
  837.                             if (context_w.charCodeAt(0) < 256) {
  838.                                 for (i = 0; i < context_numBits; i++) {
  839.                                     context_data_val = (context_data_val << 1);
  840.                                     if (context_data_position === bitsPerChar - 1) {
  841.                                         context_data_position = 0;
  842.                                         context_data.push(getCharFromInt(context_data_val));
  843.                                         context_data_val = 0;
  844.                                     } else {
  845.                                         context_data_position++;
  846.                                     }
  847.                                 }
  848.                                 value = context_w.charCodeAt(0);
  849.                                 for (i = 0; i < 8; i++) {
  850.                                     context_data_val = (context_data_val << 1) | (value & 1);
  851.                                     if (context_data_position === bitsPerChar - 1) {
  852.                                         context_data_position = 0;
  853.                                         context_data.push(getCharFromInt(context_data_val));
  854.                                         context_data_val = 0;
  855.                                     } else {
  856.                                         context_data_position++;
  857.                                     }
  858.                                     value = value >> 1;
  859.                                 }
  860.                             } else {
  861.                                 value = 1;
  862.                                 for (i = 0; i < context_numBits; i++) {
  863.                                     context_data_val = (context_data_val << 1) | value;
  864.                                     if (context_data_position === bitsPerChar - 1) {
  865.                                         context_data_position = 0;
  866.                                         context_data.push(getCharFromInt(context_data_val));
  867.                                         context_data_val = 0;
  868.                                     } else {
  869.                                         context_data_position++;
  870.                                     }
  871.                                     value = 0;
  872.                                 }
  873.                                 value = context_w.charCodeAt(0);
  874.                                 for (i = 0; i < 16; i++) {
  875.                                     context_data_val = (context_data_val << 1) | (value & 1);
  876.                                     if (context_data_position === bitsPerChar - 1) {
  877.                                         context_data_position = 0;
  878.                                         context_data.push(getCharFromInt(context_data_val));
  879.                                         context_data_val = 0;
  880.                                     } else {
  881.                                         context_data_position++;
  882.                                     }
  883.                                     value = value >> 1;
  884.                                 }
  885.                             }
  886.                             context_enlargeIn--;
  887.                             if (context_enlargeIn === 0) {
  888.                                 context_enlargeIn = Math.pow(2, context_numBits);
  889.                                 context_numBits++;
  890.                             }
  891.                             delete context_dictionaryToCreate[context_w];
  892.                         } else {
  893.                             value = context_dictionary[context_w];
  894.                             for (i = 0; i < context_numBits; i++) {
  895.                                 context_data_val = (context_data_val << 1) | (value & 1);
  896.                                 if (context_data_position === bitsPerChar - 1) {
  897.                                     context_data_position = 0;
  898.                                     context_data.push(getCharFromInt(context_data_val));
  899.                                     context_data_val = 0;
  900.                                 } else {
  901.                                     context_data_position++;
  902.                                 }
  903.                                 value = value >> 1;
  904.                             }
  905.                         }
  906.                         context_enlargeIn--;
  907.                         if (context_enlargeIn === 0) {
  908.                             context_enlargeIn = Math.pow(2, context_numBits);
  909.                             context_numBits++;
  910.                         }
  911.                     }
  912.                     // Mark the end of the stream
  913.                     value = 2;
  914.                     for (i = 0; i < context_numBits; i++) {
  915.                         context_data_val = (context_data_val << 1) | (value & 1);
  916.                         if (context_data_position === bitsPerChar - 1) {
  917.                             context_data_position = 0;
  918.                             context_data.push(getCharFromInt(context_data_val));
  919.                             context_data_val = 0;
  920.                         } else {
  921.                             context_data_position++;
  922.                         }
  923.                         value = value >> 1;
  924.                     }
  925.                     // Flush the last char
  926.                     while (true) {
  927.                         context_data_val = (context_data_val << 1);
  928.                         if (context_data_position === bitsPerChar - 1) {
  929.                             context_data.push(getCharFromInt(context_data_val));
  930.                             break;
  931.                         } else context_data_position++;
  932.                     }
  933.                     return context_data.join('');
  934.                 },
  935.                 decompress: function (compressed) {
  936.                     if (compressed === null) return "";
  937.                     if (compressed === "") return null;
  938.                     return LZString._decompress(compressed.length, 32768, function (index) {
  939.                         return compressed.charCodeAt(index);
  940.                     });
  941.                 },
  942.                 _decompress: function (length, resetValue, getNextValue) {
  943.                     var dictionary = [],
  944.                         next,
  945.                         enlargeIn = 4,
  946.                         dictSize = 4,
  947.                         numBits = 3,
  948.                         entry = "",
  949.                         result = [],
  950.                         i,
  951.                         w,
  952.                         bits, resb, maxpower, power,
  953.                         c,
  954.                         data = {
  955.                             val: getNextValue(0),
  956.                             position: resetValue,
  957.                             index: 1
  958.                         };
  959.                     for (i = 0; i < 3; i += 1) {
  960.                         dictionary[i] = i;
  961.                     }
  962.                     bits = 0;
  963.                     maxpower = Math.pow(2, 2);
  964.                     power = 1;
  965.                     while (power !== maxpower) {
  966.                         resb = data.val & data.position;
  967.                         data.position >>= 1;
  968.                         if (data.position === 0) {
  969.                             data.position = resetValue;
  970.                             data.val = getNextValue(data.index++);
  971.                         }
  972.                         bits |= (resb > 0 ? 1 : 0) * power;
  973.                         power <<= 1;
  974.                     }
  975.                     switch (next = bits) {
  976.                         case 0:
  977.                             bits = 0;
  978.                             maxpower = Math.pow(2, 8);
  979.                             power = 1;
  980.                             while (power !== maxpower) {
  981.                                 resb = data.val & data.position;
  982.                                 data.position >>= 1;
  983.                                 if (data.position === 0) {
  984.                                     data.position = resetValue;
  985.                                     data.val = getNextValue(data.index++);
  986.                                 }
  987.                                 bits |= (resb > 0 ? 1 : 0) * power;
  988.                                 power <<= 1;
  989.                             }
  990.                             c = f(bits);
  991.                             break;
  992.                         case 1:
  993.                             bits = 0;
  994.                             maxpower = Math.pow(2, 16);
  995.                             power = 1;
  996.                             while (power !== maxpower) {
  997.                                 resb = data.val & data.position;
  998.                                 data.position >>= 1;
  999.                                 if (data.position === 0) {
  1000.                                     data.position = resetValue;
  1001.                                     data.val = getNextValue(data.index++);
  1002.                                 }
  1003.                                 bits |= (resb > 0 ? 1 : 0) * power;
  1004.                                 power <<= 1;
  1005.                             }
  1006.                             c = f(bits);
  1007.                             break;
  1008.                         case 2:
  1009.                             return "";
  1010.                     }
  1011.                     dictionary[3] = c;
  1012.                     w = c;
  1013.                     result.push(c);
  1014.                     while (true) {
  1015.                         if (data.index > length) {
  1016.                             return "";
  1017.                         }
  1018.                         bits = 0;
  1019.                         maxpower = Math.pow(2, numBits);
  1020.                         power = 1;
  1021.                         while (power !== maxpower) {
  1022.                             resb = data.val & data.position;
  1023.                             data.position >>= 1;
  1024.                             if (data.position === 0) {
  1025.                                 data.position = resetValue;
  1026.                                 data.val = getNextValue(data.index++);
  1027.                             }
  1028.                             bits |= (resb > 0 ? 1 : 0) * power;
  1029.                             power <<= 1;
  1030.                         }
  1031.                         switch (c = bits) {
  1032.                             case 0:
  1033.                                 bits = 0;
  1034.                                 maxpower = Math.pow(2, 8);
  1035.                                 power = 1;
  1036.                                 while (power !== maxpower) {
  1037.                                     resb = data.val & data.position;
  1038.                                     data.position >>= 1;
  1039.                                     if (data.position === 0) {
  1040.                                         data.position = resetValue;
  1041.                                         data.val = getNextValue(data.index++);
  1042.                                     }
  1043.                                     bits |= (resb > 0 ? 1 : 0) * power;
  1044.                                     power <<= 1;
  1045.                                 }
  1046.                                 dictionary[dictSize++] = f(bits);
  1047.                                 c = dictSize - 1;
  1048.                                 enlargeIn--;
  1049.                                 break;
  1050.                             case 1:
  1051.                                 bits = 0;
  1052.                                 maxpower = Math.pow(2, 16);
  1053.                                 power = 1;
  1054.                                 while (power !== maxpower) {
  1055.                                     resb = data.val & data.position;
  1056.                                     data.position >>= 1;
  1057.                                     if (data.position === 0) {
  1058.                                         data.position = resetValue;
  1059.                                         data.val = getNextValue(data.index++);
  1060.                                     }
  1061.                                     bits |= (resb > 0 ? 1 : 0) * power;
  1062.                                     power <<= 1;
  1063.                                 }
  1064.                                 dictionary[dictSize++] = f(bits);
  1065.                                 c = dictSize - 1;
  1066.                                 enlargeIn--;
  1067.                                 break;
  1068.                             case 2:
  1069.                                 return result.join('');
  1070.                         }
  1071.                         if (enlargeIn === 0) {
  1072.                             enlargeIn = Math.pow(2, numBits);
  1073.                             numBits++;
  1074.                         }
  1075.                         if (dictionary[c]) {
  1076.                             entry = dictionary[c];
  1077.                         } else {
  1078.                             if (c === dictSize) {
  1079.                                 entry = w + w.charAt(0);
  1080.                             } else {
  1081.                                 return null;
  1082.                             }
  1083.                         }
  1084.                         result.push(entry);
  1085.                         // Add w+entry[0] to the dictionary.
  1086.                         dictionary[dictSize++] = w + entry.charAt(0);
  1087.                         enlargeIn--;
  1088.                         w = entry;
  1089.                         if (enlargeIn === 0) {
  1090.                             enlargeIn = Math.pow(2, numBits);
  1091.                             numBits++;
  1092.                         }
  1093.                     }
  1094.                 }
  1095.             };
  1096.             return LZString;
  1097.         })();
  1098.     }
  1099. }