// ==UserScript==
// @name         网页版百度地图黑暗模式切换+重命名标注+去扫码广告
// @namespace    https://bbs.tampermonkey.net.cn/
// @version      0.2.0
// @description  标注地图后点击按钮即可修改标注名称,去除扫码下载app广告，右下角增加黑暗模式切换按钮(ฅ´ω`ฅ)
// @include      https://map.baidu.com/*
// @icon         https://map.baidu.com/favicon.ico
// @run-at       document-start
// @grant        GM_addStyle
// @grant        unsafewindows
// @downloadURL  https://bbs.tampermonkey.net.cn/forum.php?mod=viewthread&tid=1153
// @supportURL   https://bbs.tampermonkey.net.cn/forum.php?mod=viewthread&tid=1153
// @homepageURL  https://bbs.tampermonkey.net.cn/forum.php?mod=viewthread&tid=1153
// @author       张仨
// @require      https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js
// ==/UserScript==

(function () { //声明一个函数，也是定义一个函数的关键字
	'use strict'; //严格模式:字面量表达式,严格模式下你不能使用未声明的变量,保证代码运行的安全,同样的代码，在"严格模式"中可能会报错(¬､¬)
	var button = document.createElement("button"); //创建一个按钮
        button.id = "id001"; //创建按钮id是必须的，我也不知道为啥(¬､¬)
	    button.textContent = "点击修改";  //按钮文字
        button.style.color="red";  //按钮字体颜色
        button.style.width = "50%";  //按钮大小
	    button.style.align = "center"; //按钮居中对齐，好像不起作用 (¬､¬)
	    button.onclick = function (){ //监听点击按钮事件，执行以下代码

              document.getElementById("us_infoWnd_title").disabled = false; //找到"id"取消只读

        };
    var x = document.getElementsByClassName('toolscontainer')[0]; //插入按钮的位置（'class'）
	    x.appendChild(button); //应该是按钮创建在末尾的意思？

        GM_addStyle('#activity-banner-panel{display:none !important}') //百度地图去app扫码框(使用GM_*函数在沙盒环境中运行需在前面@grant声明)
        GM_addStyle('.poiLeadDownloadCard{display:none !important}') //百度地图去app扫码框
}
)();
unsafeWindow.onload=function(){ //应该是声明在沙盒环境中加载以下事件的意思
    new Darkmode().showWidget(); //显示黑暗模式控件
        const options = { //常量选项
            bottom: '80px', // 底
            right: '50px', // 右 unset应该是未固定的意思(¬､¬)
            left: 'unset', // 左
            time: '0.5s', // 时间？什么时间？(¬､¬)
            mixColor: '#fff', // 混合色？可能是字体在黑暗模式下的颜色(¬､¬)
            backgroundColor: '#fff',  // 背景颜色
            buttonColorDark: '#100f2c', // 黑暗模式
            buttonColorLight: '#fff', // 光亮模式
            saveInCookies: false, // 保存Cookies，切换true则不保存
            label: '🌓', // 标签
            autoMatchOsTheme: true // 自动匹配主题，切换true则手动
        }
    const darkmode = new Darkmode(options);
    darkmode.showWidget();
    GM_addStyle('.darkmode-toggle{z-index:999;}.darkmode-layer--expanded{z-index:999;}') //toggle：切换，layer--expanded：扩大层级，z-index：属性设置元素的堆叠顺序(李恒道gg给的代码，一条杠跟两条杠没区别(¬､¬))
}
//转载需注明出处：油猴中文网（https://bbs.tampermonkey.net.cn/）