';
// Always use user-friendly display name if present
let layerTitle = feature.layerName; // || (typeof config.title === 'function' ? config.title(feature) : config.title);
let html = '
';
html += `
${layerTitle}
`;
for (const [key, label] of config.fields) {
let value = '';
if (Array.isArray(key)) {
// Handle fallback field names - try each key until we find a value
for (const fallbackKey of key) {
if (feature.properties[fallbackKey]) {
value = feature.properties[fallbackKey];
break;
}
}
} else {
// Single field name
value = feature.properties[key] || '';
}
html += `
${label}:
${value}
`;
}
html += '
';
return '
' + html + '
';
}
// Map click handler
map.events.register('click', map, function (evt) {
console.log('[WMS] Map clicked at', evt.xy, evt.lonlat);
const visibleLayers = getAllVisibleWMSLayerInfo();
if (!visibleLayers.length) {
console.log('[WMS] No supported WMS layer visible for popup.');
return;
}
let responses = 0;
let foundFeatures = [];
let total = visibleLayers.length;
for (const info of visibleLayers) {
const url = buildGetFeatureInfoUrl(info.service, info.queryLayer, evt, info.cqlFilter);
console.log(`[WMS] GetFeatureInfo URL for ${info.key}:`, url);
GM_xmlhttpRequest({
method: 'GET',
url: url,
headers: { Accept: 'application/json' },
onload: function (response) {
responses++;
try {
const data = JSON.parse(response.responseText);
console.log(`[WMS] GetFeatureInfo response for ${info.key}:`, data);
if (data.features && data.features.length > 0) {
// For combined layers, deduplicate features by name to avoid showing identical entries
const uniqueFeatures = [];
const seenNames = new Set();
for (let feature of data.features) {
// Use the facility name as the deduplication key
const facilityName = feature.properties?.name || feature.properties?.hf_name || feature.properties?.riv_name || 'unnamed';
if (!seenNames.has(facilityName)) {
seenNames.add(facilityName);
feature.layerName = info.displayName;
uniqueFeatures.push({ info, feature });
}
}
// Add all unique features to the foundFeatures array
foundFeatures.push(...uniqueFeatures);
}
} catch (e) {
console.error(`[WMS] Error parsing GetFeatureInfo response for ${info.key}:`, e);
}
if (responses === total) {
if (foundFeatures.length > 0) {
// Show all found features in one popup at the click location
let html = foundFeatures.map((f) => f.info.formatFn(f.feature)).join('');
showWMSPopupAtPixel(evt.xy, html);
console.log('[WMS] Popup shown for features:', foundFeatures);
}
}
},
onerror: function (err) {
responses++;
console.error(`[WMS] GetFeatureInfo request failed for ${info.key}:`, err);
if (responses === total) {
if (foundFeatures.length > 0) {
let html = foundFeatures.map((f) => f.info.formatFn(f.feature)).join('');
showWMSPopupAtPixel(evt.xy, html);
}
}
},
});
}
});
/*end of pop up code*/
var GSVlayer = WMSLayerTogglers.xyz_google_streetview.layerArray[0].layer;
var enteringStreetView = false;
var ignoreStreetViewExit = false;
var previousDisplayState = true;
var controlObserver = new MutationObserver(function (mutationRecords) {
if (!document.getElementById('layer-switcher-item_Google_StreetView').checked) {
if (mutationRecords[0].target.classList.contains('overlay-button-active') == previousDisplayState) {
if (previousDisplayState == true && !ignoreStreetViewExit) {
previousDisplayState = !mutationRecords[0].target.classList.contains('overlay-button-active');
W.map.addLayer(GSVlayer);
enteringStreetView = true;
GSVlayer.setVisibility(true);
enteringStreetView = false;
} else if (previousDisplayState == false) {
previousDisplayState = !mutationRecords[0].target.classList.contains('overlay-button-active');
GSVlayer.setVisibility(false);
W.map.removeLayer(GSVlayer);
}
}
}
});
controlObserver.observe(document.querySelector('.street-view-control'), { attributes: true, attributeFilter: ['class'] });
GSVlayer.events.register('visibilitychanged', null, function () {
if (!enteringStreetView && GSVlayer.getVisibility()) {
ignoreStreetViewExit = true;
}
if (!GSVlayer.getVisibility()) {
ignoreStreetViewExit = false;
}
});
const { tabLabel, tabPane } = W.userscripts.registerSidebarTab('wms-NP-layers');
tabLabel.innerText = 'WMS-NP';
tabLabel.title = 'Nepali WMS Layers';
tabLabel.id = 'sidepanel-wms';
tabPane.innerHTML = "" + GM_info.script.name + ' v' + GM_info.script.version;
var section = document.createElement('section');
section.style.fontSize = '13px';
section.id = 'WMS';
section.style.marginBottom = '15px';
section.appendChild(document.createElement('br'));
section.appendChild(document.createTextNode('WMS layer: '));
var WMSSelect = document.createElement('select');
WMSSelect.id = 'WMSLayersSelect';
section.appendChild(WMSSelect);
var opacityRange = document.createElement('input');
var opacityLabel = document.createElement('label');
opacityRange.type = 'range';
opacityRange.min = 0;
opacityRange.max = 100;
opacityRange.value = 100;
opacityRange.id = 'WMSOpacity';
opacityLabel.textContent = 'Layer transparency: ' + opacityRange.value + ' %';
opacityLabel.id = 'WMSOpacityLabel';
opacityLabel.htmlFor = opacityRange.id;
section.appendChild(opacityLabel);
section.appendChild(opacityRange);
// Add shift controls
var shiftContainer = document.createElement('div');
shiftContainer.style.marginTop = '10px';
shiftContainer.style.display = 'flex';
shiftContainer.style.flexDirection = 'column';
shiftContainer.style.alignItems = 'flex-start';
var distanceLabel = document.createElement('label');
distanceLabel.textContent = 'Shift distance (meters): ';
distanceLabel.style.marginRight = '5px';
var distanceInput = document.createElement('input');
distanceInput.type = 'number';
distanceInput.value = 1;
distanceInput.min = 1;
distanceInput.style.width = '60px';
distanceInput.id = 'WMSShiftDistance';
distanceLabel.appendChild(distanceInput);
shiftContainer.appendChild(distanceLabel);
var btnRow = document.createElement('div');
btnRow.style.display = 'flex';
btnRow.style.gap = '5px';
btnRow.style.marginTop = '5px';
var btnUp = document.createElement('button');
btnUp.textContent = '↑';
btnUp.title = 'Shift Up';
var btnDown = document.createElement('button');
btnDown.textContent = '↓';
btnDown.title = 'Shift Down';
var btnLeft = document.createElement('button');
btnLeft.textContent = '←';
btnLeft.title = 'Shift Left';
var btnRight = document.createElement('button');
btnRight.textContent = '→';
btnRight.title = 'Shift Right';
// Diagonal buttons
var btnUpLeft = document.createElement('button');
btnUpLeft.textContent = '↖';
btnUpLeft.title = 'Shift Up-Left';
var btnUpRight = document.createElement('button');
btnUpRight.textContent = '↗';
btnUpRight.title = 'Shift Up-Right';
var btnDownLeft = document.createElement('button');
btnDownLeft.textContent = '↙';
btnDownLeft.title = 'Shift Down-Left';
var btnDownRight = document.createElement('button');
btnDownRight.textContent = '↘';
btnDownRight.title = 'Shift Down-Right';
// Add reset button
var btnReset = document.createElement('button');
btnReset.textContent = 'Reset';
btnReset.title = 'Reset Shift';
btnRow.appendChild(btnReset);
// Arrange buttons in a grid
var btnGrid = document.createElement('div');
btnGrid.style.display = 'grid';
btnGrid.style.gridTemplateColumns = 'repeat(3, 1fr)';
btnGrid.style.gap = '2px';
btnGrid.appendChild(btnUpLeft);
btnGrid.appendChild(btnUp);
btnGrid.appendChild(btnUpRight);
btnGrid.appendChild(btnLeft);
var emptyCell = document.createElement('div');
btnGrid.appendChild(emptyCell); // center cell empty
btnGrid.appendChild(btnRight);
btnGrid.appendChild(btnDownLeft);
btnGrid.appendChild(btnDown);
btnGrid.appendChild(btnDownRight);
shiftContainer.appendChild(btnGrid);
shiftContainer.appendChild(btnRow);
section.appendChild(shiftContainer);
// Helper: store per-layer offset
var wmsLayerOffsets = {};
// Helper: store original offset for each layer
var wmsLayerOriginalOffsets = {};
// Helper: patch getURL to apply offset
function patchWMSLayerGetURL(layer) {
if (!layer || layer._wmsShiftPatched) return;
const origGetURL = layer.getURL;
layer._wmsShiftPatched = true;
layer.getURL = function (bounds) {
const offset = wmsLayerOffsets?.[layer.name] ?? { x: 0, y: 0 };
const newBounds = bounds.clone();
newBounds.right += offset.x;
newBounds.left += offset.x;
newBounds.top += offset.y;
newBounds.bottom += offset.y;
return origGetURL.call(this, newBounds);
};
}
// Helper to shift layer (now accepts dx, dy)
function shiftLayer(direction, customDx, customDy) {
var value = document.getElementById('WMSLayersSelect').value;
var dist = parseFloat(document.getElementById('WMSShiftDistance').value) || 0;
if (!value || value === 'undefined' || dist === 0) return;
var layer = W.map.getLayerByName(value);
if (!layer) return;
patchWMSLayerGetURL(layer);
var map = W.map;
var proj = map.getProjectionObject();
var dx = 0,
dy = 0;
var diag = dist * 0.7071; // sqrt(2)/2 for diagonal
if (typeof customDx === 'number' && typeof customDy === 'number') {
dx = customDx;
dy = customDy;
} else if (proj && proj.projCode === 'EPSG:4326') {
var centerLat = map.getCenter().lat;
var metersPerDegreeLat = 111320;
var metersPerDegreeLon = (40075000 * Math.cos((centerLat * Math.PI) / 180)) / 360;
switch (direction) {
case 'up':
dy = -dist / metersPerDegreeLat;
break;
case 'down':
dy = dist / metersPerDegreeLat;
break;
case 'left':
dx = dist / metersPerDegreeLon;
break;
case 'right':
dx = -dist / metersPerDegreeLon;
break;
case 'upleft':
dx = diag / metersPerDegreeLon;
dy = -diag / metersPerDegreeLat;
break;
case 'upright':
dx = -diag / metersPerDegreeLon;
dy = -diag / metersPerDegreeLat;
break;
case 'downleft':
dx = diag / metersPerDegreeLon;
dy = diag / metersPerDegreeLat;
break;
case 'downright':
dx = -diag / metersPerDegreeLon;
dy = diag / metersPerDegreeLat;
break;
}
} else {
switch (direction) {
case 'up':
dy = -dist;
break;
case 'down':
dy = dist;
break;
case 'left':
dx = dist;
break;
case 'right':
dx = -dist;
break;
case 'upleft':
dx = diag;
dy = -diag;
break;
case 'upright':
dx = -diag;
dy = -diag;
break;
case 'downleft':
dx = diag;
dy = diag;
break;
case 'downright':
dx = -diag;
dy = diag;
break;
}
}
if (!wmsLayerOffsets[layer.name]) wmsLayerOffsets[layer.name] = { x: 0, y: 0 };
wmsLayerOffsets[layer.name].x += dx;
wmsLayerOffsets[layer.name].y += dy;
// Store original offset if not already stored
if (!wmsLayerOriginalOffsets[layer.name]) {
wmsLayerOriginalOffsets[layer.name] = { x: 0, y: 0 };
}
// Show WazeWrap alert
WazeWrap.Alerts.info('Layer Shifted', `Layer shifted to ${dist} metres ${direction}. Please wait for fully load.`, false, false, 2000);
layer.redraw();
}
btnUp.addEventListener('click', function () {
shiftLayer('up');
});
btnDown.addEventListener('click', function () {
shiftLayer('down');
});
btnLeft.addEventListener('click', function () {
shiftLayer('left');
});
btnRight.addEventListener('click', function () {
shiftLayer('right');
});
btnUpLeft.addEventListener('click', function () {
shiftLayer('upleft');
});
btnUpRight.addEventListener('click', function () {
shiftLayer('upright');
});
btnDownLeft.addEventListener('click', function () {
shiftLayer('downleft');
});
btnDownRight.addEventListener('click', function () {
shiftLayer('downright');
});
// Reset shift for selected layer
btnReset.addEventListener('click', function () {
var value = document.getElementById('WMSLayersSelect').value;
if (!value || value === 'undefined') return;
var layer = W.map.getLayerByName(value);
if (!layer) return;
patchWMSLayerGetURL(layer);
wmsLayerOffsets[layer.name] = { x: 0, y: 0 };
layer.redraw();
// Show WazeWrap alert on reset
WazeWrap.Alerts.info('Layer Reset', 'Layer shift has been reset to default.', false, false, 2000);
});
tabPane.appendChild(section);
await W.userscripts.waitForElementConnected(tabPane);
fillWMSLayersSelectList();
opacityRange.addEventListener('input', function () {
var value = document.getElementById('WMSLayersSelect').value;
if (value !== '' && value !== 'undefined') {
var layer = W.map.getLayerByName(value);
layer.setOpacity(opacityRange.value / 100);
document.getElementById('WMSOpacityLabel').textContent = 'Layer transparency: ' + document.getElementById('WMSOpacity').value + ' %';
}
});
WMSSelect.addEventListener('change', function () {
var selectedLayer = W.map.layers.filter((layer) => layer.name == WMSSelect.value)[0];
if (selectedLayer) {
opacityRange.value = selectedLayer.opacity * 100;
document.getElementById('WMSOpacityLabel').textContent = 'Layer transparency: ' + document.getElementById('WMSOpacity').value + ' %';
}
});
setZOrdering(WMSLayerTogglers);
W.map.events.register('addlayer', null, fillWMSLayersSelectList);
W.map.events.register('removelayer', null, fillWMSLayersSelectList);
W.map.events.register('addlayer', null, setZOrdering(WMSLayerTogglers));
W.map.events.register('removelayer', null, setZOrdering(WMSLayerTogglers));
W.map.events.register('moveend', null, setZOrdering(WMSLayerTogglers));
}
function fillWMSLayersSelectList() {
const select = document.getElementById('WMSLayersSelect');
const value = select.value;
let htmlCode = '';
W.map.layers.filter((layer) => layer.params?.SERVICE === 'WMS').forEach((layer) => (htmlCode += ` `));
select.innerHTML = htmlCode;
select.value = value;
}
function addNewLayer(id, service, serviceLayers, zIndex = 0, opacity = 1) {
var newLayer = {};
newLayer.serviceType = service.type;
if ((service.type == 'XYZ') & (zIndex == 0)) {
newLayer.zIndex = ZIndexes.base;
} else {
newLayer.zIndex = zIndex == 0 ? ZIndexes.popup : zIndex;
}
switch (service.type) {
case 'WMS':
// Debug log for WMS request URL and filter
if (typeof zIndex === 'string' && zIndex.includes("road_class='")) {
console.log('[WMS DEBUG] Creating WMS Layer:', id);
console.log('[WMS DEBUG] Service URL:', service.url);
console.log('[WMS DEBUG] Layers:', serviceLayers);
console.log('[WMS DEBUG] Filter:', zIndex);
}
newLayer.layer = new OL.Layer.WMS(
id,
service.url,
{
layers: serviceLayers,
transparent: 'true',
format: 'image/png',
version: service.version || '1.3.0', // Use service.version if provided, else default to 1.3.0 use WMS 1.3.0 + EPSG:3857
CQL_FILTER: typeof zIndex === 'string' ? zIndex : undefined,
},
{
opacity: opacity,
tileSize: WMSLayersTechSource.tileSizeG || new OL.Size(256, 256), // Use service-defined tile size if available
isBaseLayer: false,
visibility: false,
transitionEffect: 'resize',
attribution: service.attribution,
projection: new OL.Projection('EPSG:3857'), //alternativa defaultní EPSG:900913
}
);
break;
case 'WMS_4326':
newLayer.layer = new OL.Layer.WMS(
id,
service.url,
{
layers: serviceLayers,
transparent: 'true',
format: 'image/png',
version: service.version || '1.1.1', //use WMS 1.1.1 + EPSG:4326
CQL_FILTER: typeof zIndex === 'string' ? zIndex : undefined,
},
{
opacity: opacity,
tileSize: WMSLayersTechSource.tileSizeG || new OL.Size(256, 256), // Use service-defined tile size if available
isBaseLayer: false,
visibility: false,
transitionEffect: 'resize',
attribution: service.attribution,
epsg4326: new OL.Projection('EPSG:4326'),
getURL: getUrl4326,
getFullRequestString: getFullRequestString4326,
}
);
break;
case 'XYZ':
newLayer.layer = new OL.Layer.XYZ(id, service.url, {
sphericalMercator: true,
isBaseLayer: false,
visibility: false,
RESOLUTION_PROPERTIES: {},
resolutions: WMSLayersTechSource.resolutions,
serverResolutions: WMSLayersTechSource.resolutions.slice(0, 'maxZoom' in service && service.maxZoom > 0 ? service.maxZoom : 23),
transitionEffect: 'resize',
attribution: service.attribution,
});
break;
default:
newLayer.layer = null;
}
return newLayer;
}
/*For GeoServer WMS:
WMS 1.1.1 prefers coordinates in EPSG:4326 (longitude, latitude order).
WMS 1.3.0 uses EPSG:4326 (latitude, longitude order) and supports EPSG:3857 (Web Mercator) natively.
Recommendations:
If your client expects (longitude, latitude) order, use WMS 1.1.1 with EPSG:4326.
If your client expects (latitude, longitude) order or uses web maps (Google, OSM), use WMS 1.3.0 with EPSG:3857.
Summary:
For web mapping (slippy maps), use WMS 1.3.0 + EPSG:3857.
For GIS tools or legacy clients, use WMS 1.1.1 + EPSG:4326.*/
function addGroupToggler(isDefault, layerSwitcherGroupItemName, layerGroupVisibleName) {
var group;
if (isDefault === true) {
group = document.getElementById(layerSwitcherGroupItemName).parentElement.parentElement;
} else {
var layerGroupsList = document.getElementsByClassName('list-unstyled togglers')[0];
group = document.createElement('li');
group.className = 'group';
var togglerContainer = document.createElement('div');
togglerContainer.className = 'layer-switcher-toggler-tree-category';
var groupButton = document.createElement('wz-button');
groupButton.color = 'clear-icon';
groupButton.size = 'xs';
var iCaretDown = document.createElement('i');
iCaretDown.className = 'toggle-category w-icon w-icon-caret-down';
iCaretDown.dataset.groupId = layerSwitcherGroupItemName.replace('layer-switcher-', '').toUpperCase();
var togglerSwitch = document.createElement('wz-toggle-switch');
togglerSwitch.className = layerSwitcherGroupItemName + ' hydrated';
togglerSwitch.id = layerSwitcherGroupItemName;
togglerSwitch.checked = true;
var label = document.createElement('label');
label.className = 'label-text';
label.htmlFor = togglerSwitch.id;
var togglerChildrenList = document.createElement('ul');
togglerChildrenList.className = 'collapsible-' + layerSwitcherGroupItemName.replace('layer-switcher-', '').toUpperCase();
label.appendChild(document.createTextNode(layerGroupVisibleName));
groupButton.addEventListener('click', layerTogglerGroupMinimizerEventHandler(iCaretDown));
togglerSwitch.addEventListener('click', layerTogglerGroupMinimizerEventHandler(iCaretDown));
groupButton.appendChild(iCaretDown);
togglerContainer.appendChild(groupButton);
togglerContainer.appendChild(togglerSwitch);
togglerContainer.appendChild(label);
group.appendChild(togglerContainer);
group.appendChild(togglerChildrenList);
layerGroupsList.appendChild(group);
}
return group;
}
function addLayerToggler(groupToggler, layerName, isPublic, layerArray) {
var layerToggler = {};
layerToggler.layerName = layerName;
layerToggler.serviceType =
layerArray.filter(function (e) {
return e.serviceType == 'XYZ';
}).length > 0
? 'XYZ'
: 'WMS';
var layerShortcut = layerName.replace(/ /g, '_').replace('.', '');
layerToggler.htmlItem = 'layer-switcher-item_' + layerShortcut;
layerToggler.layerArray = layerArray;
var layer_container = groupToggler.getElementsByTagName('UL')[0];
var layerGroupCheckbox = groupToggler.getElementsByClassName('layer-switcher-toggler-tree-category')[0].getElementsByTagName('wz-toggle-switch')[0];
var toggler = document.createElement('li');
var togglerCheckbox = document.createElement('wz-checkbox');
togglerCheckbox.id = layerToggler.htmlItem;
togglerCheckbox.className = 'hydrated';
var labelSymbol = document.createElement('span');
labelSymbol.className = isPublic ? 'fa fa-location-arrow' : 'fa fa-lock';
togglerCheckbox.appendChild(labelSymbol);
togglerCheckbox.appendChild(document.createTextNode(layerName));
toggler.appendChild(togglerCheckbox);
layer_container.appendChild(toggler);
for (var i = 0; i < layerArray.length; i++) {
togglerCheckbox.addEventListener('change', layerTogglerEventHandler(layerArray[i]));
layerGroupCheckbox.addEventListener('change', layerTogglerGroupEventHandler(togglerCheckbox, layerArray[i]));
layerArray[i].layer.name = layerName + (layerArray.length > 1 ? ' ' + i : '');
}
registerKeyShortcut('WMS: ' + layerName, layerKeyShortcutEventHandler(layerGroupCheckbox, togglerCheckbox), layerShortcut);
return layerToggler;
}
function registerKeyShortcut(actionName, callback, keyName) {
I18n.translations[I18n.locale].keyboard_shortcuts.groups.default.members[keyName] = actionName;
W.accelerators.addAction(keyName, { group: 'default' });
W.accelerators.events.register(keyName, null, callback);
W.accelerators._registerShortcuts({ ['name']: keyName });
}
function layerTogglerEventHandler(layerType) {
return function () {
if (this.checked) {
W.map.addLayer(layerType.layer);
layerType.layer.setVisibility(this.checked);
} else {
layerType.layer.setVisibility(this.checked);
W.map.removeLayer(layerType.layer);
}
};
}
function layerKeyShortcutEventHandler(groupCheckbox, checkbox) {
return function () {
if (!groupCheckbox.disabled) {
checkbox.click();
}
};
}
function layerTogglerGroupEventHandler(checkbox, layerType) {
return function () {
if (this.checked) {
if (checkbox.checked) {
W.map.addLayer(layerType.layer);
layerType.layer.setVisibility(this.checked && checkbox.checked);
}
} else {
if (checkbox.checked) {
layerType.layer.setVisibility(this.checked && checkbox.checked);
W.map.removeLayer(layerType.layer);
}
}
checkbox.disabled = !this.checked;
};
}
function layerTogglerGroupMinimizerEventHandler(iCaretDown) {
return function () {
var ulCollapsible = iCaretDown.parentElement.parentElement.parentElement.getElementsByTagName('UL')[0];
if (!iCaretDown.classList.contains('upside-down')) {
iCaretDown.classList.add('upside-down');
ulCollapsible.classList.add('collapse-layer-switcher-group');
} else {
iCaretDown.classList.remove('upside-down');
ulCollapsible.classList.remove('collapse-layer-switcher-group');
}
};
}
function setZOrdering(layerTogglers) {
return function () {
for (var key in layerTogglers) {
for (var j = 0; j < layerTogglers[key].layerArray.length; j++) {
if (layerTogglers[key].layerArray[j].zIndex > 0) {
var l = W.map.getLayerByName(layerTogglers[key].layerName);
if (l !== undefined) {
l.setZIndex(layerTogglers[key].layerArray[j].zIndex);
}
}
}
}
};
}
function getUrl4326(bounds) {
var newParams = {};
bounds.transform(this.projection, this.epsg4326);
newParams.BBOX = bounds.toArray(this.reverseAxisOrder());
var imageSize = this.getImageSize(bounds);
newParams.WIDTH = imageSize.w;
newParams.HEIGHT = imageSize.h;
// newParams.WIDTH = 742;
// newParams.HEIGHT = 485;
//from geoserver
// newParams.WIDTH = 648;
// newParams.HEIGHT = 768;
var requestString = this.getFullRequestString(newParams);
return requestString;
}
function getFullRequestString4326(newParams) {
this.params.SRS = 'EPSG:4326';
return OL.Layer.Grid.prototype.getFullRequestString.apply(this, arguments);
}
// After all WMSLayerTogglers are created:
// --- Layer toggler state persistence ---
// Utility to save all toggler states
function saveLayerTogglerStates() {
if (!localStorage) return;
const state = {};
for (const key in WMSLayerTogglers) {
const togglerId = WMSLayerTogglers[key].htmlItem;
const toggler = document.getElementById(togglerId);
if (toggler) state[key] = toggler.checked;
}
localStorage.WMSLayers = JSON.stringify(state);
}
// Utility to restore all toggler states
function restoreLayerTogglerStates() {
if (!localStorage.WMSLayers) return;
const state = JSON.parse(localStorage.WMSLayers);
for (const key in state) {
if (WMSLayerTogglers[key]) {
const togglerId = WMSLayerTogglers[key].htmlItem;
const toggler = document.getElementById(togglerId);
if (toggler && toggler.checked !== state[key]) {
toggler.checked = state[key];
toggler.dispatchEvent(new Event('change', { bubbles: true }));
}
}
}
}
// Attach change listeners to save state on toggle
for (const key in WMSLayerTogglers) {
const togglerId = WMSLayerTogglers[key].htmlItem;
const toggler = document.getElementById(togglerId);
if (toggler) {
toggler.addEventListener('change', saveLayerTogglerStates);
}
}
// Restore state after togglers are created
restoreLayerTogglerStates();
function scriptupdatemonitor() {
if (WazeWrap?.Ready) {
WazeWrap.Interface.ShowScriptUpdate(scriptName, scriptVersion, updateMessage);
} else {
setTimeout(scriptupdatemonitor, 250);
}
}
// Start the "scriptupdatemonitor"
scriptupdatemonitor();
wmeSDK = bootstrap({ scriptUpdateMonitor: { downloadUrl } });
console.log(`${scriptName} initialized.`);
document.addEventListener('wme-map-data-loaded', init, { once: true });
/*
changeLog
version: 2025.07.27.1 - Added Layers:
- Rivers
- Education Facilities (PRTMP)
- Health Facilities (PRTMP)
- Palika Centre (PRTMP)
- Ward Centre (PRTMP)
- Tourist Attraction
- Customs Office
- National Highways 2023
- Province Highways 2023
- Province Roads 2023
- Bridges (BSM)
- Bridges (PRTMP)
- and popup support for above layers and more.
version: 2025.07.24.01 - It now supports to display popup for highway with various information.
version: 2025.06.23.01 - Added diagonal (↖, ↗, ↙, ↘) shift buttons for WMS layers.
- Shows alert when the shift is reset to default.
version: 2025.06.08.01 - Now the WMS layer can be shifted by a specified distance in meters.
Version: 2025.06.06.02 - Added Bridge Management System bridge locations!
- Loaded layers will be reloaded even after the page refresh.
Version: 2025.06.06.01 - Added Bridge Management System bridge locations!
version: 2025.05.11.01 - Fixed Z-ordering
version: 2025.04.13.01 - Fixed Combatible with the latest wme beta v2.287-5! Now it monitors the script update!
version: 2025.03.06.01 - Now LMC HN can be filtered by ward
version: 2025.02.03.01 - Line modification
version: 2025.02.01.02 - Added support for Wazewrap update dialogue box
version: 2025.02.01.01 - Modified how WMS 4326 image is displayed
version: "1.0", message: "Initial Version"
*/
})();