☰

GeoGuessr Custom Maps

using modified maps in geoguessr games

当前为 2024-08-26 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         GeoGuessr Custom Maps
  3. // @namespace    https://gf.qytechs.cn/users/1179204
  4. // @description  using modified maps in geoguessr games
  5. // @version      1.0.6
  6. // @author       KaKa
  7. // @license      BSD
  8. // @match        *://www.geoguessr.com/*
  9. // @require      https://update.gf.qytechs.cn/scripts/502813/1423193/Geoguessr%20Tag.js
  10. // @icon         https://www.svgrepo.com/show/392367/interaction-interface-layer-layers-location-map.svg
  11.  
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.  
  16.     /*=========================================================================Modifiy your guess map here==================================================================================*/
  17.  
  18.     let customOptions={
  19.  
  20.         Language:'en',                                  //en,zh,ja,fr,de,es
  21.  
  22.         Google_StreetView_Layer_Lines_Style:'Default',   // More styles see below
  23.  
  24.         Google_StreetView_Layer_Shortcut:'V',
  25.  
  26.         Google_Labels_Layer_Shortcut:'G',
  27.  
  28.         Google_Terrain_Layer_Shortcut:'T',
  29.  
  30.         Google_Satellite_Layer_Shortcut:'B',
  31.  
  32.         OpenWeather_Shortcut:'Q',
  33.  
  34.         OpenWeather_Style:'radar',                      //'radar': Global Precipitation;  'CL':Cloud;  'APM':Pressure;  'TA2'Temperature;  'WS10':Wind Speed;
  35.  
  36.         OpenWeather_Date:'now',                        // foramt:yyyy-mm-dd, less than one week ago
  37.  
  38.         Bing_Maps_Style:'r',                           // 'a':satellite(without labels);  'h':hybrid;  'r':roadmap，'sre':terrain
  39.  
  40.         Map_Tiler_Style:'basic',                       //basic,satellite,bright,landscape,ocean,outdoor,topo,streets,dataviz
  41.  
  42.         Carto_Style:'light_all',                       //light_all,dark_all
  43.  
  44.         Thunderforest_Style:'spinal-map'}              //spinal-map,landscape,outdoors,atlas,transport,
  45.  
  46.  
  47.     let tileServices=["Google_Maps","OpenStreetMap","Bing_Maps","Map_Tiler","Thunderforest","Carto","Petal_Maps"]
  48.  
  49.     let colorOptions={
  50.  
  51.         Default:['1098ad','99e9f2'],
  52.  
  53.         Crimson:['f03e3e','ffc9c9'],
  54.  
  55.         Deep_Pink:['d6336c','fcc2d7'],
  56.  
  57.         Blue_Violet:['ae3ec9','eebefa'],
  58.  
  59.         Slate_Blue:['7048e8','d0bfff'],
  60.  
  61.         Royal_Blue:['4263eb','bac8ff'],
  62.  
  63.         Dodger_Blue: ['1c7ed6','a5d8ff'],
  64.  
  65.         Sea_Green:['0ca678','96f2d7'],
  66.  
  67.         Lime_Green:['37b24d','b2f2bb'],
  68.  
  69.         OliveDrab:['74b816','d8f5a2'],
  70.  
  71.         Orange:['f59f00','ffec99'],
  72.  
  73.         Dark_Orange:['f76707','ffd8a8'],
  74.  
  75.         Brown:['bd5f1b','f7ca9e'],
  76.     }
  77.  
  78.     /*======================================================================================================================================================================================*/
  79.  
  80.  
  81.     let currentMapType='roadmap',currentLayers=[],isGoogleDisplay=true,isSV=false,opacityControl
  82.  
  83.     const openWeatherBaseURL = "https://g.sat.owm.io/vane/2.0/weather";
  84.     const radarURL = `https://b.sat.owm.io/maps/2.0/radar/{z}/{x}/{y}?appid=9de243494c0b295cca9337e1e96b00e2&day=${getNow(customOptions.OpenWeather_Date)}`;
  85.  
  86.     const openWeatherURL = (customOptions.OpenWeather_Style === 'radar')
  87.     ? radarURL
  88.     : `${openWeatherBaseURL}/${customOptions.OpenWeather_Style}/{z}/{x}/{y}?appid=9de243494c0b295cca9337e1e96b00e2&&date=${getTimestamp(customOptions.OpenWeather_Date)}&fill_bound=true`;
  89.  
  90.     let tileUrls = {
  91.         Petal_Maps: `https://maprastertile-dra.dbankcdn.com/display-service/v1/online-render/getTile/24.07.06.10/{z}/{x}/{y}/?language=${customOptions.Language}&p=46&scale=1&mapType=ROADMAP&presetStyleId=standard&key=CgB6e3x91JxUZ4Ow3JZYVG6r9c9U7rH4ameNQdauHVaVBYGWwy8ueadAtqjs6Yl2z3OwymAEx3JR83vpgPzv4nuC`,
  92.         OpenStreetMap: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
  93.         Map_Tiler:`https://api.maptiler.com/maps/${customOptions.Map_Tiler_Style}-v2/256/{z}/{x}/{y}.png?key=0epLOAjD7fw17tghcyee`,
  94.         Thunderforest:`https://a.tile.thunderforest.com/${customOptions.Thunderforest_Style}/{z}/{x}/{y}@2x.png?apikey=6a53e8b25d114a5e9216df5bf9b5e9c8`,
  95.         Carto:`https://cartodb-basemaps-3.global.ssl.fastly.net/${customOptions.Carto_Style}/{z}/{x}/{y}.png`,
  96.         Google_StreetView:`https://maps.googleapis.com/maps/vt?pb=%211m5%211m4%211i{z}%212i{x}%213i{y}%214i256%212m8%211e2%212ssvv%214m2%211scc%212s*211m3*211e2*212b1*213e2*212b1*214b1%214m2%211ssvl%212s*212b1%213m17%212sen%213sUS%215e18%2112m4%211e68%212m2%211sset%212sRoadmap%2112m3%211e37%212m1%211ssmartmaps%2112m4%211e26%212m2%211sstyles%212ss.e%3Ag.f%7Cp.c%3A%23${colorOptions[customOptions.Google_StreetView_Layer_Lines_Style][0]}%7Cp.w%3A1%2Cs.e%3Ag.s%7Cp.c%3A%23${colorOptions[customOptions.Google_StreetView_Layer_Lines_Style][1]}%7Cp.w%3A3%215m1%215f1.35`,
  97.         Google_Labels:`https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m1!2sm!3m17!2s${customOptions.Language}!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2ss.e:g|p.v:off,s.t:1|s.e:g.s|p.v:off,s.e:l|p.v:on!5m1!5f2`,
  98.         OpenWeather: openWeatherURL
  99.     }
  100.  
  101.     let map,google,gsvLayer,initLayer=tag
  102.     
  103.     setTimeout(function(){
  104.         getMap()
  105.     },2000);
  106.     initCustomizer()
  107.  
  108.     function createOpacityControl(controlDiv, layer) {
  109.         controlDiv.style.margin='20px'
  110.         controlDiv.style.backgroundColor = '#fff';
  111.         controlDiv.style.height = '30px';
  112.         controlDiv.style.boxShadow = 'rgba(0, 0, 0, 0.3) 0px 1px 4px -1px';
  113.         controlDiv.style.borderRadius = '5px';
  114.  
  115.         var opacitySlider = document.createElement('input');
  116.  
  117.         opacitySlider.setAttribute('type', 'range');
  118.         opacitySlider.setAttribute('id', 'timeRange');
  119.         opacitySlider.setAttribute('min', '0');
  120.         opacitySlider.setAttribute('max', '100');
  121.         opacitySlider.setAttribute('value', '100');
  122.         opacitySlider.setAttribute('step', '1');
  123.         opacitySlider.style.width = '80px';
  124.         opacitySlider.style.height='20px'
  125.         opacitySlider.style.marginTop='5px'
  126.         opacitySlider.addEventListener('input', function() {
  127.             var opacity = opacitySlider.value / 100
  128.             layer.setOpacity(opacity);
  129.  
  130.         });
  131.  
  132.         controlDiv.appendChild(opacitySlider);
  133.     }
  134.  
  135.     function addOpacityControl(m, layer) {
  136.         var opacityControlDiv = document.createElement('div');
  137.         new createOpacityControl(opacityControlDiv, layer);
  138.         opacityControl =true
  139.         opacityControlDiv.index = 1;
  140.         m.controls[google.maps.ControlPosition.TOP_RIGHT].push(opacityControlDiv);
  141.     }
  142.  
  143.     function removeOpacityControl(){
  144.         if(opacityControl){
  145.             map.controls[google.maps.ControlPosition.TOP_RIGHT].removeAt(map.controls[google.maps.ControlPosition.TOP_RIGHT].getLength() - 1)
  146.             opacityControl=false
  147.         }
  148.     }
  149.  
  150.     function getNow(date) {
  151.         if(date!='now'){
  152.             return date
  153.         }
  154.         const now = new Date();
  155.         now.setHours(now.getHours() - 1);
  156.         return now.toISOString().slice(0, 14)+'00';
  157.     }
  158.  
  159.     function getTimestamp(date){
  160.         var parsedDate
  161.         if (date=== 'now') {
  162.             parsedDate= new Date()
  163.              return Math.floor(parsedDate.getTime() / 1000)
  164.         }
  165.         parsedDate = new Date(date);
  166.  
  167.         if (isNaN(parsedDate.getTime())) {
  168.             throw new Error('Invalid date format');
  169.         }
  170.         return Math.floor(parsedDate.getTime() / 1000);
  171.  
  172.     }
  173.  
  174.     function extractTileCoordinates(url) {
  175.         const regex = /!1i(\d+)!2i(\d+)!3i(\d+)!4i(\d+)/;
  176.         const matches = url.match(regex);
  177.  
  178.         if (matches && matches.length === 5) {
  179.             const z = matches[1];
  180.             const x = matches[2];
  181.             const y = matches[3];
  182.             return { z, x, y };
  183.         } else {
  184.             return null;
  185.         }
  186.     }
  187.     function getBingTiles(tileX, tileY, zoom,type) {
  188.         var quadKey = tileXYToQuadKey(tileX, tileY, zoom);
  189.         var baseUrl = 'https://ecn.t0.tiles.virtualearth.net/tiles/';
  190.  
  191.         return baseUrl + type + quadKey + '.jpeg?g=14519';
  192.     }
  193.     function tileXYToQuadKey(tileX, tileY, zoom) {
  194.         var quadKey = '';
  195.         for (var i = zoom; i > 0; i--) {
  196.             var digit = 0;
  197.             var mask = 1 << (i - 1);
  198.             if ((tileX & mask) !== 0) {
  199.                 digit += 1;
  200.             }
  201.             if ((tileY & mask) !== 0) {
  202.                 digit += 2;
  203.             }
  204.             quadKey += digit.toString();
  205.         }
  206.         return quadKey;
  207.     }
  208.  
  209.  
  210.     function setMapLayer(layerName) {
  211.         var tileLayerUrl = tileUrls[layerName];
  212.         var tileLayer
  213.         if (layerName==='Bing_Maps') {
  214.             tileLayer = new google.maps.ImageMapType({
  215.                 getTileUrl: function(coord, zoom) {
  216.                     return getBingTiles(coord.x,coord.y,zoom,customOptions.Bing_Maps_Style)
  217.                         .replace('{z}', zoom)
  218.                         .replace('{x}', coord.x)
  219.                         .replace('{y}', coord.y);
  220.                 },
  221.                 tileSize: new google.maps.Size(256, 256),
  222.                 name: layerName
  223.             });
  224.         }
  225.         else{
  226.             tileLayer = new google.maps.ImageMapType({
  227.                 getTileUrl: function(coord, zoom) {
  228.                     return tileLayerUrl
  229.                         .replace('{z}', zoom)
  230.                         .replace('{x}', coord.x)
  231.                         .replace('{y}', coord.y);
  232.                 },
  233.                 tileSize: new google.maps.Size(256, 256),
  234.                 name: layerName
  235.             });
  236.         }
  237.  
  238.         if(!layerName.includes('Google')){
  239.             isGoogleDisplay=false
  240.         }
  241.         if(currentLayers.includes(layerName)){
  242.             removeMapLayer(layerName)
  243.             const index = currentLayers.indexOf(layerName);
  244.             if (index !== -1) {
  245.                 currentLayers.splice(index, 1);
  246.             }
  247.             if(!layerName.includes(('Google')||('Weather'))){
  248.                 map.overlayMapTypes.clear();
  249.                 currentLayers=[]
  250.                 isGoogleDisplay=true
  251.                 setMapLayer('Google_Labels')
  252.             }
  253.         }
  254.         else {
  255.             map.overlayMapTypes.push(tileLayer)
  256.             currentLayers.push(layerName)};
  257.  
  258.         if(layerName==='Google_StreetView'){
  259.             if (!opacityControl){
  260.                 addOpacityControl(map,tileLayer)}
  261.             else {
  262.                 removeOpacityControl()
  263.             }
  264.         }
  265.     }
  266.  
  267.  
  268.     function removeMapLayer(layerName) {
  269.         for (let i = 0; i < map.overlayMapTypes.getLength(); i++) {
  270.             const currentLayer = map.overlayMapTypes.getAt(i);
  271.             if (currentLayer && currentLayer.name === layerName) {
  272.                 map.overlayMapTypes.removeAt(i);
  273.                 break;
  274.             }
  275.         }
  276.     }
  277.  
  278.     function getMap(){
  279.         let element = document.getElementsByClassName("guess-map_canvas__cvpqv")[0]
  280.         //if (!element) element=document.getElementsByClassName("coordinate-result-map_map__Yh2Il")[0]
  281.         const keys = Object.keys(element)
  282.         const key = keys.find(key => key.startsWith("__reactFiber$"))
  283.         const props = element[key]
  284.         map=props.return.return.memoizedProps.map
  285.         google=unsafeWindow.google
  286.     }
  287.  
  288.     function setMapType(customType){
  289.         if (currentMapType!=customType){
  290.             currentMapType=customType
  291.         }
  292.         else{
  293.             currentMapType='roadmap'
  294.         }
  295.         map.setMapTypeId(currentMapType);
  296.     }
  297.  
  298.  
  299.     function initCustomizer(){
  300.         let onKeyDown = (e) => {
  301.             if (e.key >= '1' && e.key <= '6') {
  302.                 e.stopImmediatePropagation();
  303.                 if(!map) getMap()
  304.                 const tileIndex=parseInt(e.key)
  305.                 initLayer(`layer:${tileServices[tileIndex]}`)
  306.                 map.overlayMapTypes.clear();
  307.                 currentLayers=[]
  308.                 removeOpacityControl()
  309.                 setMapLayer(tileServices[tileIndex])
  310.             }
  311.             else if (e.key === '0') {
  312.                 e.stopImmediatePropagation();
  313.                 if(!map) getMap()
  314.                 initLayer('layer:Google_Labels')
  315.                 map.overlayMapTypes.clear();
  316.                 currentLayers=[]
  317.                 isGoogleDisplay=true
  318.                 removeOpacityControl()
  319.                 map.set('styles', [
  320.                     {
  321.                         featureType: 'all',
  322.                         elementType: 'labels',
  323.                         stylers: [{ visibility: 'on' }]
  324.                     }
  325.                 ])
  326.                 isSV=false
  327.             }
  328.             else if (e.key === customOptions.Google_StreetView_Layer_Shortcut.toLowerCase()|| e.key === customOptions.Google_StreetView_Layer_Shortcut) {
  329.                 e.stopImmediatePropagation();
  330.                 if(!map) getMap()
  331.                 initLayer('layer:Google_StreetView')
  332.                 if(!isSV){
  333.                     map.set('styles', [
  334.                         {
  335.                             featureType: 'all',
  336.                             elementType: 'labels',
  337.                             stylers: [{ visibility: 'off' }]
  338.                         }
  339.                     ])
  340.                     isSV=true}
  341.                 else{
  342.                     map.set('styles', [
  343.                         {
  344.                             featureType: 'all',
  345.                             elementType: 'labels',
  346.                             stylers: [{ visibility: 'on' }]
  347.                         }
  348.                     ])
  349.                     isSV=false
  350.                 }
  351.                 setMapLayer('Google_StreetView')
  352.                 if (isGoogleDisplay)setMapLayer('Google_Labels')
  353.             }
  354.             else if (e.key === customOptions.Google_Labels_Layer_Shortcut.toLowerCase()|| e.key === customOptions.Google_Labels_Layer_Shortcut) {
  355.                 e.stopImmediatePropagation();
  356.                 if(!map) getMap()
  357.                 initLayer('layer:Google_Labels')
  358.                 if(isSV){
  359.                     setMapLayer('Google_Labels')}
  360.             }
  361.             else if (e.key === customOptions.Google_Terrain_Layer_Shortcut.toLowerCase()|| e.key === customOptions.Google_Terrain_Layer_Shortcut) {
  362.                 e.stopImmediatePropagation();
  363.                 if(!map) getMap()
  364.                 initLayer('layer:terrain')
  365.                 setMapType('terrain')
  366.             }
  367.             else if (e.key === customOptions.Google_Satellite_Layer_Shortcut.toLowerCase()|| e.key === customOptions.Google_Satellite_Layer_Shortcut) {
  368.                 e.stopImmediatePropagation();
  369.                 if(!map) getMap()
  370.                 initLayer('layer:satellite')
  371.                 setMapType('satellite')
  372.             }
  373.             else if (e.key === customOptions.OpenWeather_Shortcut.toLowerCase()|| e.key === customOptions.OpenWeather_Shortcut) {
  374.                 e.stopImmediatePropagation();
  375.                 if(!map) getMap()
  376.                 initLayer('layer:weather')
  377.                 setMapLayer('OpenWeather')
  378.             }
  379.         }
  380.  
  381.         document.addEventListener("keydown", onKeyDown);
  382.     }
  383.  
  384. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址