WME OpenMaps

Add an additional layer containing maps that are released as open data to Waze Map Editor

当前为 2016-01-21 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        WME OpenMaps
// @namespace   http://www.tomputtemans.com/
// @description Add an additional layer containing maps that are released as open data to Waze Map Editor
// @include     https://www.waze.com/*/editor/*
// @include     https://www.waze.com/editor/*
// @include     https://editor-beta.waze.com/*
// @version     2.2.5
// @grant       none
// ==/UserScript==

(function() {
	function omInit() {
		// Check initialisation
		if (typeof Waze === 'undefined' || typeof Waze.map === 'undefined' || typeof Waze.model.countries.top === 'undefined') {
			setTimeout(omInit, 660);
			log('Waze object unavailable, map still loading');
			return;
		}
		log('OM initated');

		// set up language string
		var om_strings = {
			en: {
				opacity_label: "Opacity",
				tab_title: "Open Maps",
				no_map_selected: "No map",
				maptype: {
					cadastre: "Cadastre",
					satellite: "Satellite"
				}
			},
			nl: {
				opacity_label: "Doorzichtigheid",
				tab_title: "Open Maps",
				no_map_selected: "Geen kaart",
				maptype: {
					cadastre: "Kadaster",
					satellite: "Satelliet"
				}
			},
			fr: {
				opacity_label: "Opacité",
				tab_title: "Open Maps",
				no_map_selected: "Aucune carte",
				maptype: {
					cadastre: "Cadastre",
					satellite: "Satellite"
				}
			}
		};
		om_strings['en_GB'] = om_strings.en;
		I18n.availableLocales.map(function(locale) {
			if (I18n.translations[locale]) {
				I18n.translations[locale].openmaps = om_strings[locale];
			}
		});
		if (typeof localStorage.OM_opacity == 'undefined') {
			localStorage.OM_opacity = 100;
		}

		var OpenMaps = (function() {
			var userInfo = document.getElementById('user-info'),
					navTabs = userInfo.querySelector('.nav-tabs'),
					tabContent = userInfo.querySelector('.tab-content'),
					openMapsTab = document.createElement('li'),
					openMapsContent = document.createElement('div'),
					openMapsTitle = document.createElement('h4'),
					openMapsSelector = document.createElement('select'),
					noMapOption = document.createElement('option'),
					footer = document.createElement('p'),
					categories = [],
					maps = [],
					emptyLayer = new OL.Layer("Open Maps"),
					activeLayer = emptyLayer,
					opacitySlider = document.createElement('input'),
					opacityLabel = document.createElement('label'),
					opacityDiv = document.createElement('div');

			openMapsTab.innerHTML = '<a href="#sidepanel-openMaps" data-toggle="tab" title="' + I18n.t('openmaps.tab_title') + '"><span class="fa icon-"></span></a>';
			openMapsContent.id = 'sidepanel-openMaps';
			openMapsContent.className = 'tab-pane';
			openMapsTitle.appendChild(document.createTextNode(I18n.t('openmaps.tab_title')));
			openMapsTitle.style.marginBottom = '5px';
			openMapsContent.appendChild(openMapsTitle);
			openMapsSelector.className = 'form-control';
			noMapOption.appendChild(document.createTextNode(I18n.t('openmaps.no_map_selected')));
			noMapOption.layer = emptyLayer;
			openMapsSelector.appendChild(noMapOption);
			openMapsSelector.addEventListener('change', function(event) {
				localStorage.OM_previousMap = openMapsSelector.options[openMapsSelector.selectedIndex].value;
				replaceLayer(openMapsSelector.options[openMapsSelector.selectedIndex].layer);
			});
			openMapsSelector.style.marginBottom = '5px';
			openMapsContent.appendChild(openMapsSelector);
			navTabs.appendChild(openMapsTab);
			tabContent.appendChild(openMapsContent);

			opacityDiv.className = 'form-group';
			opacitySlider.type = 'range';
			opacitySlider.max = 100;
			opacitySlider.min = 5;
			opacitySlider.step = 5;
			opacitySlider.id = "openmapsOpacity";
			opacitySlider.value = localStorage.OM_opacity;
			opacitySlider.style.verticalAlign = 'middle';
			opacitySlider.addEventListener('input', function() {
				maps.forEach(function(map) {
					map.layer.setOpacity(opacitySlider.value / 100);
				});
				localStorage.OM_opacity = opacitySlider.value;
			});
			opacityLabel.appendChild(document.createTextNode(I18n.t('openmaps.opacity_label') + ':'));
			opacityLabel.className = "control-label";
			opacityLabel.style.marginRight = '10px';
			opacityLabel.for = "openmapsOpacity";
			opacityDiv.appendChild(opacityLabel);
			opacityDiv.appendChild(opacitySlider);
			openMapsContent.appendChild(opacityDiv);
			try {
				footer.appendChild(document.createTextNode(GM_info.script.name + ': v' + GM_info.script.version));
			} catch(e) {
				// Probably no support for GM_info, ignore
			}
			footer.style.fontSize = '11px';
			openMapsContent.appendChild(footer);

			Waze.map.addLayer(emptyLayer);
			Waze.map.raiseLayer(emptyLayer, 1 - Waze.map.getLayerIndex(emptyLayer)); // Move to 1 spot above the base layer
			// Necessary as the layer doesn't update when a zoom has occurred
			Waze.map.events.register('zoomend', null, function() {
				if (activeLayer) {
					activeLayer.redraw();
				}
			});

			// Start listening to any event that changes the maps extent and add/remove the layers as such
			Waze.map.events.register("moveend", null, function() {
				maps.forEach(function(map) {
					if (map.listed && !map.inArea()) {
						if (activeLayer === map.layer) {
							replaceLayer(emptyLayer);
						}
						categories[map.category].removeChild(map.option);
						map.listed = false;
						if (categories[map.category].childNodes.length === 0) {
							openMapsSelector.removeChild(categories[map.category]);
							categories[map.category] = undefined;
						}
					} else if (!map.listed && map.inArea()) {
						if (!categories[map.category]) {
							var optgroup = document.createElement('optgroup');
							optgroup.label = I18n.t('openmaps.maptype.' + map.category);
							categories[map.category] = optgroup;
							openMapsSelector.appendChild(optgroup);
						}
						categories[map.category].appendChild(map.option);
						map.listed = true;
					}
				})
			});
			
			function replaceLayer(targetLayer) {
				if (activeLayer === targetLayer) {
					return;
				}
				var layerIndex = Waze.map.getLayerIndex(activeLayer);
				Waze.map.removeLayer(activeLayer);
				Waze.map.addLayer(targetLayer);
				Waze.map.setLayerIndex(targetLayer, layerIndex);
				targetLayer.setVisibility(true);
				activeLayer = targetLayer;
			}
			
			return {
				addMap: function(id, name, category, format, url, inArea, params, options) {
					params.transparent = true;
					params.transitionEffect = "resize";
					params.tileSize = new OL.Size(512,512);
					var layer = new OL.Layer.WMS(I18n.t('openmaps.tab_title'), url, params, options),
							option = document.createElement('option'),
							listed = inArea();
					option.appendChild(document.createTextNode(name));
					option.layer = layer;
					option.value = id;
					layer.setOpacity(localStorage.OM_opacity / 100);
					// Append to select box if the map is in the current area
					if (listed) {
						if (!categories[category]) {
							var optgroup = document.createElement('optgroup');
							optgroup.label = I18n.t('openmaps.maptype.' + category);
							categories[category] = optgroup;
							openMapsSelector.appendChild(optgroup);
						}
						categories[category].appendChild(option);
						// Select the map again if it was selected at the end of the previous session
						if (localStorage.OM_previousMap == id) {
							openMapsSelector.selectedIndex = option.index;
							openMapsSelector.dispatchEvent(new Event('change'));
						}
					}

					maps.push({
						name: name,
						category: category,
						inArea: inArea,
						layer: layer,
						option: option,
						listed: listed
					});
				}
			};
		})();

		// AGIV: Vlaanderen (Belgium)
		// <Fees>Gratis</Fees>
		// <AccessConstraints>Door het gebruik van deze service, is de gebruiker verplicht zich te houden aan de toegangs- en gebruiksbepalingen van de in deze service aangeboden gegevens.</AccessConstraints>
		OpenMaps.addMap(3201, 'AGIV', 'cadastre', 'WMS', 'https://geoservices.informatievlaanderen.be/raadpleegdiensten/GRB-basiskaart/wms', 
										function() {
											var bounds = new OL.Bounds(280525, 6557859, 661237, 6712007);
											return bounds.intersectsBounds(Waze.map.getExtent());
										},
										{ layers: "GRB_BSK", format: "image/png" },
										{ attribution: "Grootschalig Referentie Bestand Vlaanderen, AGIV" });

		// AGIV: Vlaanderen (Belgium)
		// <Fees>Gratis</Fees>
		// <AccessConstraints>Door het gebruik van deze service, is de gebruiker verplicht zich te houden aan de toegangs- en gebruiksbepalingen van de in deze service aangeboden gegevens.</AccessConstraints>
		OpenMaps.addMap(3202, 'AGIV', 'satellite', 'WMS', 'https://geoservices.informatievlaanderen.be/raadpleegdiensten/omwrgbmrvl/wms', 
										function() {
											var bounds = new OL.Bounds(280525, 6557859, 661237, 6712007);
											return bounds.intersectsBounds(Waze.map.getExtent());
										},
										{ layers: "Ortho", format: "image/png" },
										{ projection: new OL.Projection("EPSG:3857"), attribution: "Agentschap voor Geografische Informatie Vlaanderen" });

		// Projet Informatique de Cartographie Continue: Wallonie (Belgium)
		// <Fees></Fees>
		// <AccessConstraints></AccessConstraints>
		OpenMaps.addMap(3203, 'PICC', 'cadastre', 'WMS', 'https://geoservices.wallonie.be/arcgis/services/TOPOGRAPHIE/PICC/MapServer/WMSServer',
										function() {
											return Waze.model.countries.top.abbr === 'BE';
										},
										{ layers: "1,2,3,5,6,8,24,25,33,48,49,50,52,53,54,55,56,58,59,60", format: "image/png" },
										{ projection: new OL.Projection("EPSG:3857"), attribution: "Région wallonne" });

		// Brussels NL (Belgium)
		// <Fees>NONE</Fees>
		// <AccessConstraints>NONE</AccessConstraints>
		OpenMaps.addMap(3204, 'Irisnet NL', 'cadastre', 'WMS', 'http://geoserver.gis.irisnet.be/geoserver/wms',
										function() {
											//4.236259,50.760568,4.487572,50.915372 
											var bounds = new OL.Bounds(471578, 6579050, 499555, 6606337);
											return bounds.intersectsBounds(Waze.map.getExtent());
										},
										{ layers: "urbisNL", format: "image/png" },
										{ projection: new OL.Projection("EPSG:31370"), attribution: "Irisnet GIS" });

		// Brussels FR (Belgium)
		// <Fees>NONE</Fees>
		// <AccessConstraints>NONE</AccessConstraints>
		OpenMaps.addMap(3205, 'Irisnet FR', 'cadastre', 'WMS', 'http://geoserver.gis.irisnet.be/geoserver/wms',
										function() {
											//4.236259,50.760568,4.487572,50.915372 
											var bounds = new OL.Bounds(471578, 6579050, 499555, 6606337);
											return bounds.intersectsBounds(Waze.map.getExtent());
										},
										{ layers: "urbisFR", format: "image/png" },
										{ projection: new OL.Projection("EPSG:31370"), attribution: "Irisnet GIS" });

		// BAG WMS (The Netherlands)
		// <Fees>NONE</Fees>
		// <AccessConstraints>HotherRestrictions; Geen beperkingen; http://creativecommons.org/publicdomain/zero/1.0/deed.nl</AccessConstraints>
		OpenMaps.addMap(3101, 'BAG', 'cadastre', 'WMS', 'https://geodata.nationaalgeoregister.nl/bag/wms',
										function() {
											return Waze.model.countries.top.abbr === 'NL';
										},
										{ layers: "ligplaats,pand,verblijfsobject,woonplaats,standplaats", format: "image/png" },
										{});

		// Luchtfoto's Bij12 (The Netherlands)
		OpenMaps.addMap(3102, 'Luchtfoto 2014', 'satellite', 'WMS', 'http://webservices.gbo-provincies.nl/lufo/services/wms?',
										function() {
											return Waze.model.countries.top.abbr === 'NL';
										},
										{ layers: "actueel_zomer", format: "image/jpeg",isBaseLayer: true},
										{ projection: new OL.Projection("EPSG:28992") });

		// Weggegevens WMS (The Netherlands)
		// <Fees>NONE</Fees>
		// <AccessConstraints>Geen beperkingen; http://creativecommons.org/publicdomain/zero/1.0/deed.nl</AccessConstraints>
		OpenMaps.addMap(3103, 'Weggegevens', 'cadastre', 'WMS', 'https://geodata.nationaalgeoregister.nl/weggeg/wms',
										function() {
											return Waze.model.countries.top.abbr === 'NL';
										},
										{ layers: "weggegaantalrijbanen,weggegmaximumsnelheden", format: "image/png" },
										{});

		// BGT (The Netherlands)
		// <Fees>NONE</Fees>
		// <AccessConstraints>Geen beperkingen; http://creativecommons.org/publicdomain/zero/1.0/deed.nl</AccessConstraints>
		OpenMaps.addMap(3104, 'BGT', 'cadastre', 'WMS', 'https://geodata.nationaalgeoregister.nl/bgt/wms?',
										function() {
											return Waze.model.countries.top.abbr === 'NL';
										},
										{ layers: "bgtomtrekgericht,bgtvulling", format: "image/png" },
										{ projection: new OL.Projection("EPSG:28992") });
	}

	function log(message) {
		console.log('%cWME Open Maps: %c' + message, 'color:black', 'color:#d97e00');
	}

	// attempt to bootstrap after about a second
	log('OM bootstrap set');
	setTimeout(omInit, 1020);
})();