需要特定地图才能提示，按1键可以提示plonkit中的知识，比如：plonkit新手向等等，或者带有tips关键词的题库才能使用
目前为
// ==UserScript==
// @name 图寻tips
// @namespace https://tuxun.fun/
// @version 2.1
// @description 需要特定地图才能提示，按1键可以提示plonkit中的知识，比如：plonkit新手向等等，或者带有tips关键词的题库才能使用
// @supportURL https://sleazyfork.org/en/scripts/480332-图寻tips
// @author yukejun
// @match https://tuxun.fun/*
// @grant GM_xmlhttpRequest
// @connect knowledgetips.fun
// @license MIT
// ==/UserScript==
(function() {
'use strict';
const modalHTML = `
<div id="customModal" style="
cursor: move; /* 设置鼠标为可移动状态 */
display: none; /* 初始设置为不显示，更改为block显示模态窗口 */
position: fixed; /* 固定位置 */
z-index: 1000; /* 设置堆叠顺序 */
top: 10vh; /* 距离顶部10%的视口高度 */
left: 10vw; /* 距离左侧10%的视口宽度 */
background-color: #eee; /* 背景颜色 */
padding: 5px; /* 内边距 */
border-radius: 10px; /* 边框圆角 */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 盒子阴影 */
width: 80vw; /* 宽度（这里可能是个错误，180vw可能过大） */
max-width: 350px; /* 最大宽度 */
transform: translate(0, 0); /* 移动转换（之前的负值已移除） */
text-align: left; /* 文本对齐方式 */
opacity: 0; /* 初始设置为透明，更改为1显示 */
visibility: hidden; /* 初始设置为隐藏，更改为visible显示 */
">
<div id="customModalHeader" style="cursor: move; padding: 10px; background-color: #eee;">
<h2 style="cursor: move; user-select: none; margin-top: 0; margin-bottom: 20px; font-size: 1.5em; color: #333;">小技巧</h2>
<!-- 图片模态窗口 -->
<div id="imageModal" style="display:none;">
<button id="toggleButton">地图</button>
<div id="imageContainer"></div>
</div>
<button id="pinModal" style="position: absolute; top: 3px; right: 30px; cursor: pointer;">📌</button>
<div id="modalContent" style="user-select: text;">无提示</div>
<!-- 新增文本输入框 -->
<input type="text" id="customInputBox" placeholder="在此输入内容..." style="
width: 90%; /* 输入框宽度 */
padding: 5px; /* 内边距 */
margin: 10px 5%; /* 外边距，水平居中 */
border: 1px solid #ccc; /* 边框 */
border-radius: 5px; /* 边框圆角 */
">
<!-- 设置按钮 -->
<div id="settingsPanel" style="display: none; padding: 10px; background-color: #f9f9f9; border-bottom: 1px solid #ccc;">
<label for="countdownTime">设置倒计时（秒）:</label>
<input type="number" id="countdownTime" value="15" min="1" style="margin-right: 10px;">
<button id="saveSettings">保存设置</button>
</div>
<!-- 新增按钮 -->
<div style="text-align: center; margin-top: 10px;">
<button id="addButton" style="padding: 5px 15px; border: none; border-radius: 5px; cursor: pointer;">新增</button>
</div>
<span id="modalClose" style="
position: absolute;
top: -4px;
right: 8px;
cursor: pointer;
font-size: 1.5em;
color: #333;
">×</span>
</div>
`;
document.body.insertAdjacentHTML('beforeend', modalHTML);
function updateModalPosition(x, y) {
const modal = document.getElementById('customModal');
modal.style.left = `${x}px`;
modal.style.top = `${y}px`;
localStorage.setItem('modalPosition', JSON.stringify({ x, y }));
}
function restoreModalPosition() {
const modal = document.getElementById('customModal');
const position = JSON.parse(localStorage.getItem('modalPosition'));
if (position) {
modal.style.left = `${position.x}px`;
modal.style.top = `${position.y}px`;
}
}
window.addEventListener('load', restoreModalPosition);
function createTagElement(text, index) {
const tagContainer = document.createElement('div');
tagContainer.classList.add('tag-container');
const label = document.createElement('span');
label.textContent = index !== undefined ? `${index + 1}. ` : '';
label.classList.add('tag-label');
const paragraph = document.createElement('p');
paragraph.textContent = text;
paragraph.contentEditable = "true";
paragraph.id = index !== undefined ? `tag-${index}` : undefined;
const placeholder = document.createElement('div');
placeholder.style.display = 'none';
const saveButton = document.createElement('button');
saveButton.textContent = '保存';
saveButton.classList.add('save-button');
saveButton.onclick = index !== undefined ? () => saveTag(paragraph, index) : () => saveTag(paragraph);
saveButton.style.display = 'none';
applyButtonStyles(saveButton);
paragraph.ondblclick = function() {
makeEditable(paragraph, saveButton, placeholder);
};
tagContainer.appendChild(label);
tagContainer.appendChild(paragraph);
tagContainer.appendChild(placeholder);
tagContainer.appendChild(saveButton);
return tagContainer;
}
function makeEditable(paragraph, saveButton, placeholder) {
paragraph.contentEditable = "true";
paragraph.focus();
saveButton.style.display = 'inline-block';
placeholder.style.display = 'block';
}
function applyButtonStyles(button) {
button.style.minWidth = '50px';
button.style.minHeight = '25px';
button.style.overflow = 'hidden';
button.style.backgroundColor = '#4CAF50';
button.style.color = 'white';
button.style.border = 'none';
button.style.borderRadius = '5px';
button.style.padding = '5px 5px';
button.style.cursor = 'text';
button.onmouseover = function() {
button.style.backgroundColor = '#45a049';
};
button.onmouseout = function() {
button.style.backgroundColor = '#4CAF50';
};
}
function addCustomStyles() {
const style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = `
.tag-container {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
}
.tag-label {
margin-right: 8px;
font-weight: bold;
}
.tag-container p {
margin: 0;
flex-grow: 1;
margin-right: 8px;
}
.save-button {
display: none;
align-self: center;
flex-shrink: 0;
}
@media (max-width: 600px) {
.save-button {
min-width: 40px;
min-height: 20px;
}
}
`;
document.head.appendChild(style);
}
function preventKeyPropagation() {
const modal = document.getElementById('customModal');
modal.addEventListener('keydown', function(event) {
event.stopPropagation();
// event.preventDefault();
});
}
window.addEventListener('load', function() {
restoreModalPosition();
addCustomStyles();
preventKeyPropagation();
document.getElementById('addButton').style.display = 'none';
document.getElementById('customInputBox').style.display = 'none';
});
const imageModal = document.getElementById('imageModal');
const toggleButton = document.getElementById('toggleButton');
const imageContainer = document.getElementById('imageContainer');
toggleButton.addEventListener('click', function() {
if (imageContainer.style.display === 'none') {
imageContainer.style.display = 'block';
localStorage.setItem('imageVisibility', 'block');
} else {
imageContainer.style.display = 'none';
localStorage.setItem('imageVisibility', 'none');
}
});
imageModal.style.display = 'block';
imageContainer.style.display = 'none';
let countdownInterval;
let shouldDisplayServerText = true;
function showModal(serverText) {
const modal = document.getElementById('customModal');
const modalContent = document.getElementById('modalContent');
modalContent.innerHTML = '倒计时: 15秒';
const storedAddress = localStorage.getItem('address') || '地址信息未找到';
modalContent.innerHTML = '<p>倒计时: 15秒</p>';
if (countdownInterval) {
clearInterval(countdownInterval);
}
let countdown = 15;
countdownInterval = setInterval(function() {
countdown--;
modalContent.innerHTML = `<p>倒计时: ${countdown}秒</p>`;
if (countdown <= 0) {
clearInterval(countdownInterval);
modalContent.innerHTML = `<p>省份：${storedAddress}</p>`;
const tags = serverText.split('; ');
tags.forEach((tag, index) => {
const tagElement = createTagElement(tag, index);
modalContent.appendChild(tagElement);
});
}
}, 1000);
modalContent.innerHTML = '倒计时: 15秒';
if (modal.style.display !== 'none') {
modal.style.display = 'block';
modal.style.opacity = '1';
modal.style.visibility = 'visible';
}
}
function closeModal() {
const modal = document.getElementById('customModal');
modal.style.opacity = '0';
modal.style.visibility = 'hidden';
setTimeout(() => modal.style.display = 'none', 100);
}
function saveTag(paragraph, index) {
const editedText = paragraph.textContent;
paragraph.contentEditable = "false";
let tags = localStorage.getItem('tagsText') ? localStorage.getItem('tagsText').split('; ') : [];
if (index !== undefined) {
tags[index] = editedText;
} else {
tags.push(editedText);
}
const updatedTagsText = tags.join('; ');
localStorage.setItem('tagsText', updatedTagsText);
const storedCoordinates = JSON.parse(localStorage.getItem('coordinates'));
const dataToSend = {
mapsId: localStorage.getItem('mapsId'),
coordinates: storedCoordinates,
tagsText: updatedTagsText
};
const saveButton = paragraph.parentElement.querySelector('.save-button');
if (saveButton) {
saveButton.style.display = 'none';
}
GM_xmlhttpRequest({
method: "POST",
url: 'http://knowledgetips.fun:3000/save-data',
data: JSON.stringify(dataToSend),
headers: {
"Content-Type": "application/json"
},
onload: function(response) {
}
});
}
function updateTagNumbers() {
const tags = document.querySelectorAll('.tag-container');
tags.forEach((tag, index) => {
const label = tag.querySelector('.tag-label');
if (label) {
label.textContent = `${index + 1}. `;
}
});
}
function addNewTag() {
const inputBox = document.getElementById('customInputBox');
const newText = inputBox.value.trim();
if (newText) {
const newTagElement = createTagElement(newText);
const modalContent = document.getElementById('modalContent');
modalContent.appendChild(newTagElement);
saveTag(newTagElement.querySelector('p'));
inputBox.value = '';
updateTagNumbers();
}
}
const addButton = document.getElementById('addButton');
if (addButton) {
} else {
}
addButton.addEventListener('click', addNewTag);
let isPinned = false;
function loadPinState() {
const savedState = localStorage.getItem('isPinned');
if (savedState !== null) {
isPinned = savedState === 'true';
}
updatePinButton();
}
function updatePinButton() {
const pinButton = document.getElementById('pinModal');
pinButton.textContent = isPinned ? '📍' : '📌';
}
function togglePin() {
isPinned = !isPinned;
localStorage.setItem('isPinned', isPinned);
updatePinButton();
}
document.getElementById('pinModal').addEventListener('click', function(event) {
togglePin();
event.stopPropagation();
});
window.addEventListener('load', loadPinState);
let isDragging = false;
let dragStartX, dragStartY;
let originalX, originalY;
document.getElementById('customModalHeader').addEventListener('mousedown', function(e) {
if (e.target !== this && e.target !== document.querySelector('#customModalHeader h2')) {
return;
}
isDragging = true;
dragStartX = e.clientX;
dragStartY = e.clientY;
const modal = document.getElementById('customModal');
originalX = parseInt(window.getComputedStyle(modal).left, 10);
originalY = parseInt(window.getComputedStyle(modal).top, 10);
e.preventDefault();
});
document.addEventListener('mousemove', function(e) {
if (!isDragging) return;
let newX = originalX + e.clientX - dragStartX;
let newY = originalY + e.clientY - dragStartY;
updateModalPosition(newX, newY);
});
document.addEventListener('mouseup', function(e) {
if (isDragging) {
isDragging = false;
let newX = originalX + e.clientX - dragStartX;
let newY = originalY + e.clientY - dragStartY;
updateModalPosition(newX, newY);
}
});
document.addEventListener('click', function(event) {
const modal = document.getElementById('customModal');
if (!isPinned && !modal.contains(event.target)) {
closeModal();
}
});
document.getElementById('modalClose').addEventListener('click', closeModal);
function toggleModal() {
const modal = document.getElementById('customModal');
if (modal.style.opacity === '1' || modal.style.visibility === 'visible') {
modal.style.opacity = '0';
modal.style.visibility = 'hidden';
modal.style.display = 'none';
} else {
modal.style.opacity = '1';
modal.style.visibility = 'visible';
modal.style.display = 'block';
}
}
document.addEventListener("keydown", function(evt) {
const targetTagName = (evt.target || evt.srcElement).tagName;
if (evt.key === '1' && targetTagName !== 'INPUT' && targetTagName !== 'TEXTAREA') {
toggleModal();
}
});
const mapsIdMatch = window.location.href.match(/maps-start\?mapsId=(\d+)/);
const mapsId = mapsIdMatch ? mapsIdMatch[1] : localStorage.getItem('mapsId') || '未找到ID';
if (mapsIdMatch) {
localStorage.setItem('mapsId', mapsId);
}
const mapsIdPattern = /mapsId=(\d+)/;
const addressPattern = /\[\["(.*?)","zh"\]\]|\[\[.*?,\["(.*?)","zh"\]\]\]/;
const coordinatePattern = /\[\[null,null,(-?\d+\.\d+),(-?\d+\.\d+)\],\[\d+\.\d+\],\[\d+\.\d+,\d+\.\d+,\d+\.\d+\]\]|\[\s*null,\s*null,\s*(-?\d+\.\d+),\s*(-?\d+\.\d+)\s*\]/;
var realSend = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(value) {
let currentUrl = this._url;
this.addEventListener("loadstart", function() {
currentUrl = this._url;
});
this.addEventListener("load", function() {
let previousMapsId = localStorage.getItem('previousMapsId');
let currentMapsId = localStorage.getItem('mapsId');
if (!currentUrl.includes('mapsId=')) {
const responseText = this.responseText;
const mapsIdMatches = mapsIdPattern.exec(responseText);
if (mapsIdMatches) {
const newMapsId = mapsIdMatches[1];
if (newMapsId !== currentMapsId) {
localStorage.setItem('previousMapsId', currentMapsId);
localStorage.setItem('mapsId', newMapsId);
}
}
}
if (this._url.includes('https://tuxun.fun/api/v0/tuxun/party/changeMaps')) {
const newMapsIdMatch = this._url.match(mapsIdPattern);
if (newMapsIdMatch) {
const newMapsId = newMapsIdMatch[1];
if (newMapsId !== currentMapsId) {
localStorage.setItem('previousMapsId', currentMapsId);
localStorage.setItem('mapsId', newMapsId);
}
}
}
currentMapsId = localStorage.getItem('mapsId');
previousMapsId = localStorage.getItem('previousMapsId');
if (currentMapsId !== previousMapsId) {
} else {
}
if (currentUrl.includes('https://tuxun.fun/api/v0/tuxun/mapProxy/getGooglePanoInfoPost')) {
const responseText = this.responseText;
let addressMatches;
let isAddressFound = false;
let loopCount = 0;
let dummyVar = Math.random();
function confuseFunction(data) {
return data.split('').reverse().join('');
}
while ((addressMatches = addressPattern.exec(responseText)) !== null && loopCount < 3) {
loopCount++;
isAddressFound = true;
const address = addressMatches[1] || addressMatches[2];
const encryptedAddress = confuseFunction(address);
const storedAddress = localStorage.getItem('address');
if (address !== storedAddress) {
localStorage.setItem('address', address);
} else {
}
break;
}
if (!isAddressFound) {
localStorage.removeItem('address');
}
if (coordinatePattern.test(responseText)) {
let latitude, longitude;
const matches = coordinatePattern.exec(responseText);
if (matches) {
function confuse() {
var seed = Math.random();
return seed.toString(36).substring(2, 15);
}
var unused = confuse();
var coordinateData = {lat: undefined, lon: undefined};
if (matches[1] !== undefined && matches[2] !== undefined) {
latitude = matches[1];
longitude = matches[2];
}
else if (matches[3] !== undefined && matches[4] !== undefined) {
latitude = matches[3];
longitude = matches[4];
}
(function(){
var fakeLat = Math.random() * 100;
var fakeLon = Math.random() * 100;
})();
if (latitude !== undefined && longitude !== undefined) {
const storedCoordinatesString = localStorage.getItem('coordinates');
let storedCoordinates = null;
if (storedCoordinatesString) {
storedCoordinates = JSON.parse(storedCoordinatesString);
}else {
}
if (!storedCoordinates || storedCoordinates.latitude !== latitude || storedCoordinates.longitude !== longitude) {
const coordinates = { latitude, longitude };
localStorage.setItem('coordinates', JSON.stringify(coordinates));
function getAddress(lat, lon) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: "GET",
url: `https://nominatim.openstreetmap.org/reverse?lat=${lat}&lon=${lon}&format=json`,
onload: function(response) {
if (response.status === 200) {
resolve(JSON.parse(response.responseText));
} else {
reject(`Failed to fetch address. Status: ${response.status}`);
}
},
onerror: function(error) {
reject("Error occurred while fetching address");
}
});
});
}
getAddress(latitude, longitude)
.then(addressData => {
if (addressData && addressData.address && addressData.address.country) {
const country = addressData.address.country;
localStorage.setItem('country', country);
} else {
}
})
.catch(error => {
});
const country = localStorage.getItem('country');
GM_xmlhttpRequest({
method: "POST",
url: 'http://knowledgetips.fun:3000/receive-data',
data: JSON.stringify({ mapsId, coordinates: `${latitude},${longitude}`,country }),
headers: {
"Content-Type": "application/json"
},
onload: function(response) {
const jsonResponse = JSON.parse(response.responseText);
if (jsonResponse.match && jsonResponse.tags) {
const tagsText = jsonResponse.tags.join('; ');
if (jsonResponse.images && jsonResponse.images.length > 0) {
imageContainer.innerHTML = '';
let imageUrls = [];
let isImageZoomed = false;
jsonResponse.images.forEach((imageUrl) => {
const img = document.createElement('img');
img.src = imageUrl;
img.alt = '加载的图片';
img.style.width = '100%';
img.style.height = 'auto';
img.style.transition = 'transform 0.3s ease';
img.style.cursor = 'pointer';
img.addEventListener('click', function() {
toggleImageZoom(img);
});
imageContainer.appendChild(img);
});
function toggleImageZoom(img) {
if (!isImageZoomed) {
const savedPosition = localStorage.getItem(img.id + '-position');
let transform;
if (savedPosition) {
transform = `translate(${savedPosition}) scale(2.5)`;
} else {
const rect = img.getBoundingClientRect();
const dx = window.innerWidth / 2 - (rect.left + rect.width / 2) -50 ;
const dy = window.innerHeight / 2 - (rect.top + rect.height / 2);
transform = `translate(${dx}px, ${dy}px) scale(3)`;
}
img.style.transform = transform;
img.style.opacity = '1';
isImageZoomed = true;
} else {
img.style.transform = 'translate(0, 0) scale(1)';
img.style.opacity = '1';
isImageZoomed = false;
}
}
document.addEventListener('keydown', function(event) {
const zoomedImg = imageContainer.querySelector('img');
if (zoomedImg) {
if (event.keyCode === 32 && isImageZoomed) {
toggleImageZoom(zoomedImg);
event.preventDefault();
} else if (event.keyCode === 50) {
toggleImageZoom(zoomedImg);
event.preventDefault();
}
}
});
localStorage.setItem('imageUrls', JSON.stringify(imageUrls));
showModal();
}
localStorage.setItem('tagsText', tagsText);
localStorage.setItem('coordinates', JSON.stringify(coordinates));
const modal = document.getElementById('customModal');
if (modal.style.display !== 'none') {
const modalContent = document.getElementById('modalContent');
modalContent.textContent = tagsText;
}
showModal(tagsText);
}else{
modalContent.innerHTML = '无提示';
}
},
});
} else {
const storedTagsText = localStorage.getItem('tagsText');
const storedImageUrls = JSON.parse(localStorage.getItem('imageUrls') || '[]');
if (storedTagsText) {
let modalContent = storedTagsText;
if (storedImageUrls.length > 0) {
storedImageUrls.forEach(imageUrl => {
modalContent += `<img src="${imageUrl}" alt="加载的图片" style="width: 100%; height: auto;">`;
});
}
showModal(modalContent);
}
}
}else {
}
} else {
}
if (latitude !== undefined && longitude !== undefined) {
}
}else {
modalContent.innerHTML = '';
}
}
}, false);
realSend.call(this, value);
};
XMLHttpRequest.prototype.realOpen = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
this._url = url;
this.realOpen(method, url, async, user, pass);
};
if (XMLHttpRequest.prototype.send === XMLHttpRequest.prototype.realSend) {
} else {
}
})();