[Florr.io] Map Script (TAB)

Press TAB to display a map for easier navigation.
当前为 2023-02-20 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         [Florr.io] Map Script (TAB)
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Press TAB to display a map for easier navigation.
// @author       You
// @match        https://florr.io
// @icon         https://static.wikia.nocookie.net/official-florrio/images/a/a1/Yggdrasil_%28Mythic%29.png/revision/latest?cb=20221107121812
// @grant        none
// @license
// ==/UserScript==

const styleSheet = `
#florrMap {
    display:none;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 95vw;
    max-height: 95vh;
    transform: translate(-50%, -50%);
   	border:20px solid #100b07;
    border-radius:40px;
    opacity:1;
    pointer-events: none;
}`

//OLDER "https://media.discordapp.net/attachments/875223255525498892/1066503096655675453/Florr_Map.png"

//OLD "https://cdn.discordapp.com/attachments/668939882416308274/1067530878336634980/Map_2.5.PNG"

// "https://cdn.discordapp.com/attachments/668939882416308274/1073741946117423104/Map_7_-_Feb_10.png"

// https://cdn.discordapp.com/attachments/668939882416308274/1076693991724167228/Map_10_-_Feb_18.png



const img = document.createElement("img");
img.src = "https://cdn.discordapp.com/attachments/668939882416308274/1076693991724167228/Map_10_-_Feb_18.png";
img.id = "florrMap";
document.body.appendChild(img);
let s = document.createElement('style');
s.type = "text/css";
s.innerHTML = styleSheet;
(document.head || document.documentElement).appendChild(s);

let mapOpen = false;
let opacity = 1;
window.addEventListener('load', function() {
  document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.keyCode == '9' && mapOpen === false) {
   	mapOpen = true;
    document.getElementById("florrMap").style.display = "inline";
    } else if (evt.keyCode == '9' && mapOpen === true) {
    mapOpen = false;
    document.getElementById("florrMap").style.display = "none";
    }

    if (evt.keyCode == 189 && opacity > 0.2) {
    opacity -= 0.1;
    document.getElementById("florrMap").style.opacity = `${opacity}`;
    }
    if (evt.keyCode == 187) {
    opacity += 0.1;
    document.getElementById("florrMap").style.opacity = `${opacity}`;
    }
  };
});