// ==UserScript==
// @name         网页版百度地图黑暗模式切换+重命名标注+去扫码广告
// @namespace    https://bbs.tampermonkey.net.cn/
// @version      0.2.3
// @description  标注地图后点击按钮即可修改标注名称,去除扫码下载app广告，右下角增加黑暗模式切换按钮(ฅ´ω`ฅ)
// @include      https://map.baidu.com/*
// @run-at       document-start
// @grant        GM_addStyle
// @grant        unsafeWindow
// @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==

/***
 * _ooOoo_
 * o8888888o
 * 88" . "88
 * (| -_- |)
 *  O\ = /O
 * ___/`---'\____
 * .   ' \\| |// `.
 * / \\||| : |||// \
 * / _||||| -:- |||||- \
 * | | \\\ - /// | |
 * | \_| ''\---/'' | |
 * \ .-\__ `-` ___/-. /
 * ___`. .' /--.--\ `. . __
 * ."" '< `.___\_<|>_/___.' >'"".
 * | | : `- \`.;`\ _ /`;.`/ - ` : | |
 * \ \ `-. \_ __\ /__ _/ .-` / /
 * ======`-.____`-.___\_____/___.-`____.-'======
 * `=---='
 * .............................................
 *           佛曰：bug 泛滥，我已瘫痪！
 */

unsafeWindow.onload=function(){ //声明一个函数，也是定义一个函数的关键字
    'use strict'; //严格模式:字面量表达式,严格模式下你不能使用未声明的变量,保证代码运行的安全,同样的代码，在"严格模式"中可能会报错(¬､¬)
    var button,beasetag; //一个是新元素，一个是body元素
    button = document.createElement("div"); //创建新元素
    beasetag = document.querySelector("body"); //搜寻body元素
    beasetag.appendChild(button); //将新元素作为子节点插入到body元素的最后一个子节点之后
    button.innerHTML = "<button id='id001'>修改标注</button>";//创建按钮并赋予id
    button.style = "position:fixed;bottom:920px;right:290px;width:70px;height:0px;opacity:1;color:white;text-align:center;line-height:60px;cursor:pointer";
    /*css样式为
    position:fixed;生成固定定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
    bottom:15px;距窗口底部15px
    right:15px;距窗口右边15px
    width:60px;内容的宽度60px
    height:60px;内容的高度60px
    background:black;内边距的颜色和内容的颜色设置为黑色，不包括外边距和边框
    opacity:0.75;不透明度设置为0.75，1为完全不透明
    color:white;指定文本的颜色为白色
    text-align:center;指定元素文本的水平对齐方式为居中对齐
    line-height:60px;设置行高，通过设置为等于该元素的内容高度的值，配合text-align:center;可以使div的文字居中
    cursor:pointer;定义了鼠标指针放在一个元素边界范围内时所用的光标形状为一只手*/
    document.getElementById('id001').onclick = function(){ //找到按钮的id,点击该按钮后执行以下代码
        document.getElementById("us_infoWnd_title").disabled = false; //取消只读
    }
    //黑暗模式组件
    new Darkmode().showWidget();
        const options = {
            bottom: '80px',
            right: '50px',
            left: 'unset',
            time: '0.5s',
            mixColor: '#fff',
            backgroundColor: '#fff',
            buttonColorDark: '#100f2c',
            buttonColorLight: '#fff',
            saveInCookies: false,
            label: '🌓',
            autoMatchOsTheme: true
        }
    const darkmode = new Darkmode(options);
    darkmode.showWidget();
    GM_addStyle('.darkmode-layer, .darkmode-toggle {z-index:999;}') //layer:层数,toggle:切换,z-index:提高层数（简化处理下李恒道gg给的代码，发现能正常运行且效果一致）
    GM_addStyle('#activity-banner-panel{display:none !important}') //百度地图去app扫码框(使用GM_*函数在沙盒环境中运行需在前面@grant)
    GM_addStyle('.poiLeadDownloadCard{display:none !important}') //百度地图去app扫码框
}