mirror of https://github.com/gchq/CyberChef.git
127 lines
4.1 KiB
JavaScript
127 lines
4.1 KiB
JavaScript
/**
|
|
* @author j433866 [j433866@gmail.com]
|
|
* @copyright Crown Copyright 2019
|
|
* @license Apache-2.0
|
|
*/
|
|
|
|
import Operation from "../Operation.mjs";
|
|
import {FORMATS, convertCoordinates} from "../lib/ConvertCoordinates.mjs";
|
|
import OperationError from "../errors/OperationError.mjs";
|
|
|
|
/**
|
|
* Show on map operation
|
|
*/
|
|
class ShowOnMap extends Operation {
|
|
|
|
/**
|
|
* ShowOnMap constructor
|
|
*/
|
|
constructor() {
|
|
super();
|
|
|
|
this.name = "Show on map";
|
|
this.module = "Hashing";
|
|
this.description = "Displays co-ordinates on a slippy map.<br><br>Co-ordinates will be converted to decimal degrees before being shown on the map.<br><br>Supported formats:<ul><li>Degrees Minutes Seconds (DMS)</li><li>Degrees Decimal Minutes (DDM)</li><li>Decimal Degrees (DD)</li><li>Geohash</li><li>Military Grid Reference System (MGRS)</li><li>Ordnance Survey National Grid (OSNG)</li><li>Universal Transverse Mercator (UTM)</li></ul><br>This operation will not work offline.";
|
|
this.infoURL = "https://foundation.wikimedia.org/wiki/Maps_Terms_of_Use";
|
|
this.inputType = "string";
|
|
this.outputType = "string";
|
|
this.presentType = "html";
|
|
this.args = [
|
|
{
|
|
name: "Zoom Level",
|
|
type: "number",
|
|
value: 13
|
|
},
|
|
{
|
|
name: "Input Format",
|
|
type: "option",
|
|
value: ["Auto"].concat(FORMATS)
|
|
},
|
|
{
|
|
name: "Input Delimiter",
|
|
type: "option",
|
|
value: [
|
|
"Auto",
|
|
"Direction Preceding",
|
|
"Direction Following",
|
|
"\\n",
|
|
"Comma",
|
|
"Semi-colon",
|
|
"Colon"
|
|
]
|
|
}
|
|
];
|
|
}
|
|
|
|
/**
|
|
* @param {string} input
|
|
* @param {Object[]} args
|
|
* @returns {string}
|
|
*/
|
|
run(input, args) {
|
|
if (input.replace(/\s+/g, "") !== "") {
|
|
const inFormat = args[1],
|
|
inDelim = args[2];
|
|
let latLong;
|
|
try {
|
|
latLong = convertCoordinates(input, inFormat, inDelim, "Decimal Degrees", "Comma", "None", 5);
|
|
} catch (error) {
|
|
throw new OperationError(error);
|
|
}
|
|
latLong = latLong.replace(/[,]$/, "");
|
|
latLong = latLong.replace(/°/g, "");
|
|
return latLong;
|
|
}
|
|
return input;
|
|
}
|
|
|
|
/**
|
|
* @param {string} data
|
|
* @param {Object[]} args
|
|
* @returns {string}
|
|
*/
|
|
async present(data, args) {
|
|
if (data.replace(/\s+/g, "") === "") {
|
|
data = "0, 0";
|
|
}
|
|
const zoomLevel = args[0];
|
|
const tileUrl = "https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png",
|
|
tileAttribution = "<a href=\"https://wikimediafoundation.org/wiki/Maps_Terms_of_Use\">Wikimedia maps</a> | © <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors",
|
|
leafletUrl = "https://unpkg.com/leaflet@1.5.0/dist/leaflet.js",
|
|
leafletCssUrl = "https://unpkg.com/leaflet@1.5.0/dist/leaflet.css";
|
|
return `<link rel="stylesheet" href="${leafletCssUrl}" crossorigin=""/>
|
|
<style>
|
|
#output-text .cm-content,
|
|
#output-text .cm-line,
|
|
#output-html {
|
|
display: block;
|
|
white-space: normal;
|
|
padding: 0;
|
|
height: 100%;
|
|
}
|
|
#output-text .cm-line .cm-widgetBuffer,
|
|
#output-text .cm-line br {
|
|
display: none;
|
|
}
|
|
</style>
|
|
<div id="presentedMap" style="width: 100%; height: 100%;"></div>
|
|
<script type="text/javascript">
|
|
var mapscript = document.createElement('script');
|
|
document.body.appendChild(mapscript);
|
|
mapscript.onload = function() {
|
|
var presentMap = L.map('presentedMap').setView([${data}], ${zoomLevel});
|
|
L.tileLayer('${tileUrl}', {
|
|
attribution: '${tileAttribution}'
|
|
}).addTo(presentMap);
|
|
|
|
L.marker([${data}]).addTo(presentMap)
|
|
.bindPopup('${data}')
|
|
.openPopup();
|
|
};
|
|
mapscript.src = "${leafletUrl}";
|
|
</script>`;
|
|
}
|
|
}
|
|
|
|
export default ShowOnMap;
|