// ==UserScript==
// @name WME Manhattan UR Project Overlay
// @namespace WazeDev
// @version 2018.07.18.001
// @description Adds a group area overlay for the Manhattan UR Project (2018).
// @author MapOMatic, Dude495
// @include /^https:\/\/(www|beta)\.waze\.com\/(?!user\/)(.{2,6}\/)?editor\/?.*$/
// @require https://greasyfork.org/scripts/24851-wazewrap/code/WazeWrap.js
// @license GNU GPLv3
// @grant none
// ==/UserScript==
(function() {
var Version = GM_info.script.version;
var ScriptName = GM_info.script.name;
var UpdateAlert = "yes";
var UpdateNotes = ScriptName + " has been updated to v" + Version;
UpdateNotes = UpdateNotes + "\n" +
"* Added a group jump box dropdown menu.";
if (UpdateAlert === "yes") {
ScriptName = ScriptName.replace( /\s/g, "") + "Version";
if (localStorage.getItem(ScriptName) !== Version) {
alert(UpdateNotes);
localStorage.setItem(ScriptName, Version);
}
}
'use strict';
// Enter the state abbreviation:
var _stateAbbr = "Manhattan";
// Enter the MapRaid area names and the desired fill colors, in order they appear in the original map legend:
var _areas = {
'1':{fillColor:'#ff99e6'},
'2':{fillColor:'#FF0000'},
'3':{fillColor:'#01579b'},
'4':{fillColor:'#7cb342'},
'5':{fillColor:'#f57c00'},
'6':{fillColor:'#7cb342'},
'7':{fillColor:'#f57c00'},
'8':{fillColor:'#FF0000'},
'9':{fillColor:'#01579b'},
'10':{fillColor:'#FF0000'},
};
var _settingsStoreName = '_wme_' + _stateAbbr + '_mapraid';
var _settings;
var _features;
var _kml;
var _layerName = _stateAbbr + ' MapRaid';
var _layer = null;
var defaultFillOpacity = 0.3;
function loadSettingsFromStorage() {
_settings = $.parseJSON(localStorage.getItem(_settingsStoreName));
if(!_settings) {
_settings = {
layerVisible: true,
hiddenAreas: []
};
} else {
_settings.layerVisible = (_settings.layerVisible === true);
_settings.hiddenAreas = _settings.hiddenAreas || [];
}
}
function saveSettingsToStorage() {
if (localStorage) {
var settings = {
layerVisible: _layer.visibility,
hiddenAreas: _settings.hiddenAreas
};
localStorage.setItem(_settingsStoreName, JSON.stringify(settings));
}
}
function updateDistrictNameDisplay(){
$('.mapraid-region').remove();
if (_layer !== null) {
var mapCenter = new OpenLayers.Geometry.Point(W.map.center.lon,W.map.center.lat);
for (var i=0;i<_layer.features.length;i++){
var feature = _layer.features[i];
var color;
var text = '';
var num;
var url;
if(feature.geometry.containsPoint(mapCenter)) {
text = feature.attributes.name;
color = '#ff0';
var $div = $('<div>', {id:'mapraid', class:"mapraid-region", style:'display:inline-block;margin-left:10px;', title:'Click to toggle color on/off for this group'})
.css({color:color, cursor:"pointer", fontWeight:'bold', fontSize:"14px"})
.click(toggleAreaFill);
var $span = $('<span>').css({display:'inline-block'});
$span.text('Group: ' + text).appendTo($div);
$('.location-info-region').parent().append($div);
if (color) {
break;
}
}
}
}
}
function toggleAreaFill() {
var text = $('#mapraid span').text();
if (text) {
var match = text.match(/^Group: (.*)/);
if (match.length > 1) {
var areaName = match[1];
var f = _layer.getFeaturesByAttribute('name', areaName)[0];
var hide = f.attributes.fillOpacity !== 0;
f.attributes.fillOpacity = hide ? 0 : defaultFillOpacity;
var idx = _settings.hiddenAreas.indexOf(areaName);
if (hide) {
if (idx === -1) _settings.hiddenAreas.push(areaName);
} else {
if (idx > -1) {
_settings.hiddenAreas.splice(idx,1);
}
}
saveSettingsToStorage();
_layer.redraw();
}
}
}
function init() {
loadSettingsFromStorage();
var layerid = 'wme_' + _stateAbbr + '_mapraid';
var wkt = new OL.Format.WKT();
var _features = wktStrings.map(polyString => {
var f = wkt.read(polyString);
f.geometry.transform(W.map.displayProjection, W.map.projection);
return f;
});
var i = 0;
for(var areaName in _areas) {
_features[i].attributes.name = areaName;
_features[i].attributes.fillColor = _areas[areaName].fillColor;
_features[i].attributes.fillOpacity = _settings.hiddenAreas.indexOf(areaName) > -1 ? 0 : defaultFillOpacity;
i++;
}
var layerStyle = new OpenLayers.StyleMap({
strokeDashstyle: 'solid',
strokeColor: '#000000',
strokeOpacity: 1,
strokeWidth: 3,
fillOpacity: '${fillOpacity}',
fillColor: '${fillColor}',
label: 'Group ${name}',
fontOpacity: 0.9,
fontSize: "20px",
fontFamily: "Arial",
fontWeight: "bold",
fontColor: "#fff",
labelOutlineColor: "#000",
labelOutlineWidth: 2
});
_layer = new OL.Layer.Vector(_stateAbbr + " UR Project", {
rendererOptions: { zIndexing: true },
uniqueName: layerid,
shortcutKey: "S+" + 0,
layerGroup: _stateAbbr + '_mapraid',
zIndex: -9999,
displayInLayerSwitcher: true,
visibility: _settings.layerVisible,
styleMap: layerStyle
});
I18n.translations[I18n.locale].layers.name[layerid] = _stateAbbr + " MapRaid";
_layer.addFeatures(_features);
W.map.addLayer(_layer);
W.map.events.register("moveend", null, updateDistrictNameDisplay);
window.addEventListener('beforeunload', function saveOnClose() { saveSettingsToStorage(); }, false);
updateDistrictNameDisplay();
// Add the layer checkbox to the Layers menu.
WazeWrap.Interface.AddLayerCheckbox("display", _stateAbbr + " UR Project", _settings.layerVisible, layerToggled);
}
function Group1() {
W.map.setCenter(new OL.LonLat(-8229260.7317272, 4992063.8504197))
W.map.zoomTo(3)
}
function Group2() {
W.map.setCenter(new OL.LonLat(-8231525.1786899, 4990062.1557418))
W.map.zoomTo(4)
}
function Group3() {
W.map.setCenter(new OL.LonLat(-8230246.0527949, 4989407.6636872))
W.map.zoomTo(5)
}
function Group4() {
W.map.setCenter(new OL.LonLat(-8232664.9930644, 4982378.4079839))
W.map.zoomTo(2)
}
function Group5() {
W.map.setCenter(new OL.LonLat(-8235292.2411797, 4977628.3797741))
W.map.zoomTo(4)
}
function Group6() {
W.map.setCenter(new OL.LonLat(-8235989.7290627, 4976023.2021803))
W.map.zoomTo(4)
}
function Group7() {
W.map.setCenter(new OL.LonLat(-8236405.2052138, 4974354.3464314))
W.map.zoomTo(4)
}
function Group8() {
W.map.setCenter(new OL.LonLat(-8236956.7168846, 4972734.5687678))
W.map.zoomTo(4)
}
function Group9() {
W.map.setCenter(new OL.LonLat(-8237520.9793106, 4970916.0696237))
W.map.zoomTo(4)
}
function Group10() {
W.map.setCenter(new OL.LonLat(-8238917.7465694, 4968108.8003275))
W.map.zoomTo(3)
}
function GroupNo() {
var JumperRegion = document.getElementById('mapraidDropdown').value
if (JumperRegion === '0') { setTimeout(GroupNo, 1000)
} if (JumperRegion == '1') {
Group1();
document.getElementById('mapraidDropdown').value = '0'
} if (JumperRegion == '2') {
Group2();
document.getElementById('mapraidDropdown').value = '0'
} if (JumperRegion == '3') {
Group3();
document.getElementById('mapraidDropdown').value = '0'
} if (JumperRegion == '4') {
Group4();
document.getElementById('mapraidDropdown').value = '0'
} if (JumperRegion == '5') {
Group5();
document.getElementById('mapraidDropdown').value = '0'
} if (JumperRegion == '6') {
Group6();
document.getElementById('mapraidDropdown').value = '0'
} if (JumperRegion == '7') {
Group7();
document.getElementById('mapraidDropdown').value = '0'
} if (JumperRegion == '8') {
Group8();
document.getElementById('mapraidDropdown').value = '0'
} if (JumperRegion == '9') {
Group9();
document.getElementById('mapraidDropdown').value = '0'
} if (JumperRegion == '10') {
Group10();
document.getElementById('mapraidDropdown').value = '0'
}
setTimeout(GroupNo, 1000);
}
function initMapRaidOverlay() {
if (typeof Waze === 'undefined' || typeof W.map === 'undefined' || typeof W.loginManager === 'undefined' || !document.querySelector('#topbar-container > div > div > div.location-info-region > div') || !document.getElementById('layer-switcher-group_display')) {
setTimeout(initMapRaidOverlay, 800);
return;
}
if (!W.loginManager.user) {
W.loginManager.events.register("login", null, initMapRaidOverlay);
W.loginManager.events.register("loginStatus", null, initMapRaidOverlay);
if (!W.loginManager.user) {
return;
}
}
var areaJumper = document.getElementById('mapraidDropdown');
if (!areaJumper) {
areaJumper = document.createElement('select');
areaJumper.id = 'mapraidDropdown';
areaJumper.style.marginTop = '4px';
areaJumper.style.display = 'block';
var grouplist = '<option value="0">NY UR Project<optgroup label="Manhattan"><option value="1">Group 1</option><option value="2">Group 2</option><option value="3">Group 3</option><option value="4">Group 4</option><option value="5">Group 5</option><option value="6">Group 6</option><option value="7">Group 7</option><option value="8">Group 8</option><option value="9">Group 9</option><option value="10">Group 10</option></optgroup>'
areaJumper.innerHTML = grouplist
}
if (!document.getElementById('mapraidDropdown')) {
// Deal with new layout
if (window.getComputedStyle(document.getElementById('edit-buttons').parentNode).display == 'flex') {
var areaJumperContainer = document.createElement('div');
areaJumperContainer.style.flexGrow = '1';
areaJumperContainer.style.paddingTop = '6px';
areaJumper.style.width = '80%';
areaJumper.style.margin = '0 auto';
areaJumperContainer.appendChild(areaJumper);
document.getElementById('edit-buttons').parentNode.insertBefore(areaJumperContainer, document.getElementById('edit-buttons'));
} else {
document.getElementById('edit-buttons').parentNode.insertBefore(areaJumper, document.getElementById('edit-buttons'));
}
GroupNo();
}
}
function layerToggled(visible) {
_layer.setVisibility(visible);
saveSettingsToStorage();
}
function bootstrap() {
if (W && W.loginManager && W.loginManager.isLoggedIn()) {
init();
initMapRaidOverlay();
console.log(_stateAbbr + ' Area Overlay:', 'Initialized');
} else {
console.log(_stateAbbr + ' MR Overlay: ', 'Bootstrap failed. Trying again...');
window.setTimeout(() => bootstrap(), 500);
}
}
bootstrap();
var wktStrings = [
'POLYGON((-73.9314651 40.87834789999999,-73.9465714 40.8525789,-73.9360781 40.848959699999995,-73.9282894 40.84608639999999,-73.9242554 40.851475300000004,-73.9141273 40.86329020000001,-73.9101791 40.86926179999999,-73.9106941 40.874064600000004,-73.9203072 40.87549239999998,-73.9223671 40.877828799999996,-73.9314651 40.87834789999999))',
'POLYGON((-73.9577293 40.853617699999994,-73.9580297 40.85176740000001,-73.9482021 40.8502417,-73.9493394 40.846662599999995,-73.9397903 40.8429294,-73.9360781 40.848959699999995,-73.9465714 40.8525789,-73.9577293 40.853617699999994))',
'POLYGON((-73.9282894 40.84608639999999,-73.9360781 40.848959699999995,-73.9397903 40.8429294,-73.9318943 40.8398368,-73.9282894 40.84608639999999))',
'POLYGON((-73.9539957 40.76147969999999,-73.9419593 40.774861800000004,-73.9383316 40.78392099999999,-73.9298344 40.792986299999974,-73.9276457 40.800588600000005,-73.9327097 40.80861229999998,-73.9344908 40.83205050000001,-73.9318943 40.8398368,-73.9397903 40.8429294,-73.9493394 40.846662599999995,-73.9688873 40.8152383,-73.9931506 40.77659710000001,-73.9539957 40.76147969999999))',
'POLYGON((-73.9623213 40.75141850000001,-73.9539957 40.76147969999999,-73.9931506 40.77659710000001,-74.0017176 40.766826600000016,-73.9623213 40.75141850000001))',
'POLYGON((-73.9712048 40.73919330000002,-73.9623213 40.75141850000001,-74.0017176 40.766826600000016,-74.0089273 40.75466940000002,-73.9712048 40.73919330000002))',
'POLYGON((-74.0089273 40.75466940000002,-74.0162659 40.747191899999976,-73.9693165 40.72761650000001,-73.9712048 40.73919330000002,-74.0089273 40.75466940000002))',
'POLYGON((-74.015193 40.73129140000002,-73.9728785 40.71662309999999,-73.9693165 40.72761650000001,-74.0162659 40.747191899999976,-74.015193 40.73129140000002))',
'POLYGON((-74.015193 40.73129140000002,-74.0190125 40.71792429999999,-73.9884567 40.70647379999999,-73.9728785 40.71662309999999,-74.015193 40.73129140000002))',
'POLYGON((-74.0196991 40.696973700000015,-74.0280247 40.68870870000001,-74.0287543 40.68385969999999,-74.0204716 40.683111399999994,-74.0087986 40.69014049999997,-74.0006447 40.70439170000001,-73.9884567 40.70647379999999,-74.0190125 40.71792429999999,-74.0196991 40.696973700000015))'
];
})();
