☰

GeoGuessr Country Streaks (Settings Page)

A fork of Jupaoqq's GeoGuessr country streak counter. Count streaks and save results to your maps. Includes a preferences page for ease of use.

  1. // ==UserScript==
  2. // @name         GeoGuessr Country Streaks (Settings Page)
  3. // @version      0.4.1
  4. // @author       Han75, Jupaoqq
  5. // @license      MIT
  6. // @description  A fork of Jupaoqq's GeoGuessr country streak counter. Count streaks and save results to your maps. Includes a preferences page for ease of use. 
  7. // @match        https://www.geoguessr.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=geoguessr.com
  9. // @namespace    https://gf.qytechs.cn/en/users/973646
  10. // ==/UserScript==
  11.  
  12. // Credits: victheturtle, subsymmetry, slashP, emilyapocalypse
  13.  
  14. // ------------------------------------------------- MUST READ BELOW -------------------------------------------------
  15.  
  16.  
  17. /**
  18.  * This version of the script is modified so that these settings can be changed at any time from the preferences page 
  19.  * To open the preferences page, simply click on the score counter icon while in game,
  20.  * or click on the tab that reads "Open Streak Counter Preferences" from the round results.
  21.  * Alternatively, you can change the values below, but this is NOT RECOMMENDED
  22. */
  23. let ENABLED_ON_CHALLENGES = false; // Replace with true or false
  24. let API_Key = 'ENTER_API_KEY_HERE'; 
  25.  
  26. let AUTOMATIC = true; // Replace with false for a manual counter. Without an API key, the counter will still be manual
  27.  
  28. // Map number: e.g. Capitals of the World (Bing Satellite [20]), link https://www.geoguessr.com/maps/62062fcf0f38ba000190be65, has map number of 62062fcf0f38ba000190be65.
  29.  
  30.  
  31. /**
  32.  * Manually Save Locations:
  33.  * Press the z key (or change it to any other key) or click "save location" to save the location into a map of yours.
  34.  *
  35.  * You may replace manualKey with any key on your keyboard (by default it's key z).
  36.  * e.g. do "let manualKey = 'x'; " will remap the key to x instead.
  37.  * Press this key to save this location when the round result appears.
  38.  *
  39.  * You must replace MAP_LINK_HERE with your map number.
  40.  * e.g. do "let manualSave = "61a189a5531c7c4d38a6ae1"; " will save locations to map https://www.geoguessr.com/maps/61a189a5531c7c4d38a6ae1
  41.  * Such map must contain at least 5 unique locations.
  42.  *
  43.  */
  44.  
  45. let manualSave = "MAP_LINK_HERE";
  46. let manualKey = 'z';
  47.  
  48. // --------------------------------------------------------------------------------------------------------------------
  49.  
  50.  
  51. /**
  52.  * Advanced Options
  53.  */
  54.  
  55. // More than one option below may be set to true, and multiple values may use the same map number.
  56.  
  57. /**
  58.  * goodGuesses:
  59.  * For locations that you guessed the country correctly and received more points than the cutoff specified below.
  60.  *
  61.  * Replace MAP_LINK_HERE with your map number, e.g. do "let goodGuesses = "61a189a5531c7c4d38a6ae1"; "
  62.  * Such map must contain at least 5 unique locations.
  63.  *
  64.  * To turn in on, do "let collectGoodGuesses = true;" To turn it off, do "let collectGoodGuesses = false;"
  65.  * To change cutoff, do e.g. "let cutOffGood = 3500;" so every score higher than 3500 points (and you have to guess the country correctly) goes to this map.)
  66.  */
  67.  
  68. let goodGuesses = "MAP_LINK_HERE";
  69. let collectGoodGuesses = false;
  70. let cutOffGood = 4000;
  71.  
  72. /**
  73.  * okGuesses:
  74.  * For locations that you guessed the country correctly and received less points than the cutoff specified below.
  75.  *
  76.  * Replace MAP_LINK_HERE with your map number, e.g. do "let okGuesses = "61a189a5531c7c4d38a6ae1"; "
  77.  * Such map must contain at least 5 unique locations.
  78.  *
  79.  * To turn in on, do "let collectOkGuesses = true;" To turn it off, do "let collectOkGuesses = false;"
  80.  * To change cutoff, do e.g. "let cutOffOk = 3500;" so every score lower than 3500 points (and you have to guess the country correctly) goes to this map.)
  81.  */
  82.  
  83. let okGuesses = "MAP_LINK_HERE";
  84. let collectOkGuesses = false;
  85. let cutoffOk = 4000;
  86.  
  87. /**
  88.  * badGuesses:
  89.  * For locations that you guessed the country incorrectly.
  90.  *
  91.  * Replace MAP_LINK_HERE with your map number, e.g. do "let badGuesses = "61a189a5531c7c4d38a6ae1"; "
  92.  * Such map must contain at least 5 unique locations.
  93.  *
  94.  * To turn in on, do "let collectBadGuesses = true;" To turn it off, do "let collectBadGuesses = false;"
  95.  */
  96.  
  97. let badGuesses = "MAP_LINK_HERE";
  98. let collectBadGuesses = false;
  99.  
  100. /**
  101.  * GoodText: shows this text in result screen if you guess the country correctly with score exceeding your desired cutoff score.
  102.  * OkText: shows this text in result screen if you guess the country correctly with score below your desired cutoff score.
  103.  * BadText: shows this text in result screen if you guess the country incorrectly.
  104.  * SaveText: shows this text in result screen if you manually saved the location.
  105.  * defaultText: shows this text in result screen to remind you the manual option.
  106.  * All of these fields are customizable, you may replace it with your custom text.
  107.  */
  108.  
  109. let GoodText = "Location has been saved to your Good Guesses Map.";
  110. let OkText = "Location has been saved to your Ok Guesses Map.";
  111. let BadText = "Location has been saved to your Bad Guesses Map.";
  112. let SaveText = "Location has been manually saved to your Map.";
  113. let defaultText = "";
  114.  
  115. // Do not need to modify any code below.
  116.  
  117. //Try to read saved api key from local storage
  118. if(API_Key == 'ENTER_API_KEY_HERE'&&localStorage.getItem("_STREAK_API_KEY")!=null){
  119.     //Comment out the line below if you want to use a different key. 
  120.     API_Key = localStorage.getItem("_STREAK_API_KEY");
  121. }else if(!(API_Key.length <= 24 || API_Key.match("^[a-fA-F0-9_]*$") == null)){
  122.     localStorage.setItem("_STREAK_API_KEY",API_Key);
  123. };
  124. //try to read saved map ids from local storage
  125. manualSave = (manualSave=="MAP_LINK_HERE"&&localStorage.getItem("_MANUAL_MAPID")!==null)?localStorage.getItem("_MANUAL_MAPID"):manualSave;
  126. goodGuesses =  (goodGuesses=="MAP_LINK_HERE"&& localStorage.getItem("_GOOD_MAPID")!==null)?localStorage.getItem("_GOOD_MAPID"):goodGuesses;
  127. okGuesses =  (okGuesses=="MAP_LINK_HERE"&& localStorage.getItem("_OK_MAPID")!==null)?localStorage.getItem("_OK_MAPID"):okGuesses;
  128. badGuesses =  (badGuesses=="MAP_LINK_HERE"&& localStorage.getItem("_BAD_MAPID")!==null)?localStorage.getItem("_BAD_MAPID"):badGuesses;
  129. //try to read "save to map" preferences from local storage
  130. collectGoodGuesses = (localStorage.getItem("_STORE_GOOD")!==null)?(localStorage.getItem("_STORE_GOOD")=="true"):collectGoodGuesses;
  131. collectOkGuesses = (localStorage.getItem("_STORE_OK")!==null)?(localStorage.getItem("_STORE_OK")=="true"):collectOkGuesses;
  132. collectBadGuesses = (localStorage.getItem("_STORE_BAD")!==null)?(localStorage.getItem("_STORE_BAD")=="true"):collectBadGuesses;
  133. //Try to read good and ok cutoffs from localStorage
  134. cutOffGood = (localStorage.getItem("_CUTOFF_GOOD")!==null)?Number(localStorage.getItem("_CUTOFF_GOOOD")):cutOffGood;
  135. cutoffOk = (localStorage.getItem("_CUTOFF_OK")!==null)?Number(localStorage.getItem("_CUTOFF_OK")):cutoffOk;
  136.  
  137.  
  138.  
  139. const MAPS_PUBLISHED = "https://www.geoguessr.com/api/v3/profiles/maps?page=0&count=40";
  140. const MAPS_DRAFT     = "https://www.geoguessr.com/api/v4/user-maps/dangling-drafts";
  141. //Gets all published and draft messages from geo api.
  142. var myMaps = {};
  143. getUserMaps();
  144.  
  145.  
  146. let global_loc;
  147. let LOC_SAVE = "save loc";
  148.  
  149. if (sessionStorage.getItem("Streak") == null) {
  150.     sessionStorage.setItem("Streak", 0);
  151. };
  152. if (sessionStorage.getItem("StreakBackup") == null) {
  153.     sessionStorage.setItem("StreakBackup", 0);
  154. };
  155. if (sessionStorage.getItem("Checked") == null) {
  156.     sessionStorage.setItem("Checked", 0);
  157. };
  158.  
  159. let streak = parseInt(sessionStorage.getItem("Streak"), 10);
  160. let last_guess = [0,0];
  161. const ERROR_RESP = -1000000;
  162.  
  163. var CountryDict = {
  164.     AF: 'AF',
  165.     AX: 'FI', // Aland Islands
  166.     AL: 'AL',
  167.     DZ: 'DZ',
  168.     AS: 'US', // American Samoa
  169.     AD: 'AD',
  170.     AO: 'AO',
  171.     AI: 'GB', // Anguilla
  172.     AQ: 'AQ', // Antarctica
  173.     AG: 'AG',
  174.     AR: 'AR',
  175.     AM: 'AM',
  176.     AW: 'NL', // Aruba
  177.     AU: 'AU',
  178.     AT: 'AT',
  179.     AZ: 'AZ',
  180.     BS: 'BS',
  181.     BH: 'BH',
  182.     BD: 'BD',
  183.     BB: 'BB',
  184.     BY: 'BY',
  185.     BE: 'BE',
  186.     BZ: 'BZ',
  187.     BJ: 'BJ',
  188.     BM: 'GB', // Bermuda
  189.     BT: 'BT',
  190.     BO: 'BO',
  191.     BQ: 'NL', // Bonaire, Sint Eustatius, Saba
  192.     BA: 'BA',
  193.     BW: 'BW',
  194.     BV: 'NO', // Bouvet Island
  195.     BR: 'BR',
  196.     IO: 'GB', // British Indian Ocean Territory
  197.     BN: 'BN',
  198.     BG: 'BG',
  199.     BF: 'BF',
  200.     BI: 'BI',
  201.     KH: 'KH',
  202.     CM: 'CM',
  203.     CA: 'CA',
  204.     CV: 'CV',
  205.     KY: 'UK', // Cayman Islands
  206.     CF: 'CF',
  207.     TD: 'TD',
  208.     CL: 'CL',
  209.     CN: 'CN',
  210.     CX: 'AU', // Christmas Islands
  211.     CC: 'AU', // Cocos (Keeling) Islands
  212.     CO: 'CO',
  213.     KM: 'KM',
  214.     CG: 'CG',
  215.     CD: 'CD',
  216.     CK: 'NZ', // Cook Islands
  217.     CR: 'CR',
  218.     CI: 'CI',
  219.     HR: 'HR',
  220.     CU: 'CU',
  221.     CW: 'NL', // Curacao
  222.     CY: 'CY',
  223.     CZ: 'CZ',
  224.     DK: 'DK',
  225.     DJ: 'DJ',
  226.     DM: 'DM',
  227.     DO: 'DO',
  228.     EC: 'EC',
  229.     EG: 'EG',
  230.     SV: 'SV',
  231.     GQ: 'GQ',
  232.     ER: 'ER',
  233.     EE: 'EE',
  234.     ET: 'ET',
  235.     FK: 'GB', // Falkland Islands
  236.     FO: 'DK', // Faroe Islands
  237.     FJ: 'FJ',
  238.     FI: 'FI',
  239.     FR: 'FR',
  240.     GF: 'FR', // French Guiana
  241.     PF: 'FR', // French Polynesia
  242.     TF: 'FR', // French Southern Territories
  243.     GA: 'GA',
  244.     GM: 'GM',
  245.     GE: 'GE',
  246.     DE: 'DE',
  247.     GH: 'GH',
  248.     GI: 'UK', // Gibraltar
  249.     GR: 'GR',
  250.     GL: 'DK', // Greenland
  251.     GD: 'GD',
  252.     GP: 'FR', // Guadeloupe
  253.     GU: 'US', // Guam
  254.     GT: 'GT',
  255.     GG: 'GB', // Guernsey
  256.     GN: 'GN',
  257.     GW: 'GW',
  258.     GY: 'GY',
  259.     HT: 'HT',
  260.     HM: 'AU', // Heard Island and McDonald Islands
  261.     VA: 'VA',
  262.     HN: 'HN',
  263.     HK: 'CN', // Hong Kong
  264.     HU: 'HU',
  265.     IS: 'IS',
  266.     IN: 'IN',
  267.     ID: 'ID',
  268.     IR: 'IR',
  269.     IQ: 'IQ',
  270.     IE: 'IE',
  271.     IM: 'GB', // Isle of Man
  272.     IL: 'IL',
  273.     IT: 'IT',
  274.     JM: 'JM',
  275.     JP: 'JP',
  276.     JE: 'GB', // Jersey
  277.     JO: 'JO',
  278.     KZ: 'KZ',
  279.     KE: 'KE',
  280.     KI: 'KI',
  281.     KR: 'KR',
  282.     KW: 'KW',
  283.     KG: 'KG',
  284.     LA: 'LA',
  285.     LV: 'LV',
  286.     LB: 'LB',
  287.     LS: 'LS',
  288.     LR: 'LR',
  289.     LY: 'LY',
  290.     LI: 'LI',
  291.     LT: 'LT',
  292.     LU: 'LU',
  293.     MO: 'CN', // Macao
  294.     MK: 'MK',
  295.     MG: 'MG',
  296.     MW: 'MW',
  297.     MY: 'MY',
  298.     MV: 'MV',
  299.     ML: 'ML',
  300.     MT: 'MT',
  301.     MH: 'MH',
  302.     MQ: 'FR', // Martinique
  303.     MR: 'MR',
  304.     MU: 'MU',
  305.     YT: 'FR', // Mayotte
  306.     MX: 'MX',
  307.     FM: 'FM',
  308.     MD: 'MD',
  309.     MC: 'MC',
  310.     MN: 'MN',
  311.     ME: 'ME',
  312.     MS: 'GB', // Montserrat
  313.     MA: 'MA',
  314.     MZ: 'MZ',
  315.     MM: 'MM',
  316.     NA: 'NA',
  317.     NR: 'NR',
  318.     NP: 'NP',
  319.     NL: 'NL',
  320.     AN: 'NL', // Netherlands Antilles
  321.     NC: 'FR', // New Caledonia
  322.     NZ: 'NZ',
  323.     NI: 'NI',
  324.     NE: 'NE',
  325.     NG: 'NG',
  326.     NU: 'NZ', // Niue
  327.     NF: 'AU', // Norfolk Island
  328.     MP: 'US', // Northern Mariana Islands
  329.     NO: 'NO',
  330.     OM: 'OM',
  331.     PK: 'PK',
  332.     PW: 'PW',
  333.     PS: 'IL', // Palestine
  334.     PA: 'PA',
  335.     PG: 'PG',
  336.     PY: 'PY',
  337.     PE: 'PE',
  338.     PH: 'PH',
  339.     PN: 'GB', // Pitcairn
  340.     PL: 'PL',
  341.     PT: 'PT',
  342.     PR: 'US', // Puerto Rico
  343.     QA: 'QA',
  344.     RE: 'FR', // Reunion
  345.     RO: 'RO',
  346.     RU: 'RU',
  347.     RW: 'RW',
  348.     BL: 'FR', // Saint Barthelemy
  349.     SH: 'GB', // Saint Helena
  350.     KN: 'KN',
  351.     LC: 'LC',
  352.     MF: 'FR', // Saint Martin
  353.     PM: 'FR', // Saint Pierre and Miquelon
  354.     VC: 'VC',
  355.     WS: 'WS',
  356.     SM: 'SM',
  357.     ST: 'ST',
  358.     SA: 'SA',
  359.     SN: 'SN',
  360.     RS: 'RS',
  361.     SC: 'SC',
  362.     SL: 'SL',
  363.     SG: 'SG',
  364.     SX: 'NL', // Sint Maarten
  365.     SK: 'SK',
  366.     SI: 'SI',
  367.     SB: 'SB',
  368.     SO: 'SO',
  369.     ZA: 'ZA',
  370.     GS: 'GB', // South Georgia and the South Sandwich Islands
  371.     ES: 'ES',
  372.     LK: 'LK',
  373.     SD: 'SD',
  374.     SR: 'SR',
  375.     SJ: 'NO', // Svalbard and Jan Mayen
  376.     SZ: 'SZ',
  377.     SE: 'SE',
  378.     CH: 'CH',
  379.     SY: 'SY',
  380.     TW: 'TW', // Taiwan
  381.     TJ: 'TJ',
  382.     TZ: 'TZ',
  383.     TH: 'TH',
  384.     TL: 'TL',
  385.     TG: 'TG',
  386.     TK: 'NZ', // Tokelau
  387.     TO: 'TO',
  388.     TT: 'TT',
  389.     TN: 'TN',
  390.     TR: 'TR',
  391.     TM: 'TM',
  392.     TC: 'GB', // Turcs and Caicos Islands
  393.     TV: 'TV',
  394.     UG: 'UG',
  395.     UA: 'UA',
  396.     AE: 'AE',
  397.     GB: 'GB',
  398.     US: 'US',
  399.     UM: 'US', // US Minor Outlying Islands
  400.     UY: 'UY',
  401.     UZ: 'UZ',
  402.     VU: 'VU',
  403.     VE: 'VE',
  404.     VN: 'VN',
  405.     VG: 'GB', // British Virgin Islands
  406.     VI: 'US', // US Virgin Islands
  407.     WF: 'FR', // Wallis and Futuna
  408.     EH: 'MA', // Western Sahara
  409.     YE: 'YE',
  410.     ZM: 'ZM',
  411.     ZW: 'ZW'
  412. };
  413.  
  414. function hex2a(hexx) {
  415.     var hex = hexx.toString();
  416.     var str = '';
  417.     for (var i = 0; i < hex.length; i += 2)
  418.     {
  419.         str += String.fromCharCode(parseInt(hex.substr(i, 2), 16));
  420.     }
  421.     return str;
  422. }
  423.  
  424.  
  425. if (AUTOMATIC && (API_Key.length <= 24 || API_Key.match("^[a-fA-F0-9_]*$") == null)) {
  426.     AUTOMATIC = false;
  427. };
  428.  
  429. function checkGameMode() {
  430.     return (location.pathname.startsWith("/game/") || (ENABLED_ON_CHALLENGES && location.pathname.startsWith("/challenge/")));
  431. };
  432.  
  433. let _cndic = {};
  434. function cn(classNameStart) { // cn("status_section__") -> "status_section__8uP8o"
  435.     let memorized = _cndic[classNameStart];
  436.     if (memorized != null) return memorized;
  437.     let selected = document.querySelector(`div[class*="${classNameStart}"]`);
  438.     if (selected == null) return classNameStart;
  439.     for (let className of selected.classList) {
  440.         if (className.startsWith(classNameStart)) {
  441.             _cndic[classNameStart] = className;
  442.             return className;
  443.         }
  444.     }
  445. }
  446.  
  447. function geoguessrStyle(number) {
  448.     return `<div class="${cn("guess-description-distance_distanceLabel__")}">
  449.                 <div class="${cn("slanted-wrapper_root__")} ${cn("slanted-wrapper_variantWhiteTransparent__")} ${cn("slanted-wrapper_roundnessSmall__")}">
  450.                     <div class="${cn("slanted-wrapper_start__")} ${cn("slanted-wrapper_right__")}"></div>
  451.                     <div class="${cn("guess-description-distance_distanceValue__")}">${number}</div>
  452.                     <div class="${cn("slanted-wrapper_end__")} ${cn("slanted-wrapper_right__")}"></div>
  453.                 </div>
  454.             </div>`;
  455. };
  456. /**
  457.  * Opens a settings modal with the following functionality
  458.  * 
  459.  * 1) Add or change the API Key.
  460.  * 2) Enable or disable saving good, ok, and bad guesses.
  461.  * 3) Choose a map to save to from a dropdown for manual, good, ok, and bad.
  462.  * The preferences are saved to localStorage, meaning they are persistent and are remembered upon reload or restart.
  463.  * The settings window is accessed by clicking on the current streak indicator and by clicking a button on the round summary and game overview. 
  464.  */
  465. function openSettings(){
  466.     if(document.getElementById("streaks-settings-container")!=null){
  467.         document.getElementById("streaks-settings-container").style.display="flex";
  468.     }else{
  469.     let containerCSS = `position:absolute; display:flex; justify-content:center; align-items:center; z-index:1; width:100%; height:100%;`;
  470.     let modalCSS=`background-color: #1e1d56; color:#fafafa; display:flex; flex-direction:column; width:100vmin;`;
  471.     let modalContentCSS= `display:flex;flex-direction:column;justify-content:center;`;
  472.     let headingCSS =  `text-align:center; font-weight:bold;`;
  473.     let spanStyle = `display: flex; color: #aaa; float: right; font-size: 28px; margin-right: 1vmin;font-weight: bold; justify-content: flex-end;cursor:pointer;`;
  474.     let bodyCSS= ` display:flex; flex-direction:column;`;
  475.     let html = 
  476.     `
  477.     <style>
  478.     .help-tip{
  479.         position: absolute;
  480.         top: -5px;
  481.         right: -28px;
  482.         text-align: center;
  483.         background-color: #BCDBEA;
  484.         border-radius: 50%;
  485.         width: 24px;
  486.         height: 24px;
  487.         font-size: 14px;
  488.         line-height: 26px;
  489.         cursor: default;
  490.     }
  491.     
  492.     .help-tip:before{
  493.         content:'?';
  494.         font-weight: bold;
  495.         color:#222;
  496.     }
  497.     
  498.     .help-tip:hover p{
  499.         display:block;
  500.         transform-origin: 100% 0%;
  501.     
  502.         -webkit-animation: fadeIn1 0.3s ease-in-out;
  503.         animation: fadeIn1 0.3s ease-in-out;
  504.     
  505.     }
  506.     
  507.     .help-tip p{    /* The tooltip */
  508.         display: none;
  509.         text-align: left;
  510.         background-color: #1E2021;
  511.         padding: 20px;
  512.         width: 300px;
  513.         position: absolute;
  514.         border-radius: 3px;
  515.         box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  516.         right: -4px;
  517.         color: #FFF;
  518.         font-size: 13px;
  519.         line-height: 1.4;
  520.     }
  521.     
  522.     .help-tip p:before{ /* The pointer of the tooltip */
  523.         position: absolute;
  524.         content: '';
  525.         width:0;
  526.         height: 0;
  527.         border:6px solid transparent;
  528.         border-bottom-color:#1E2021;
  529.         right:10px;
  530.         top:-12px;
  531.     }
  532.     
  533.     .help-tip p:after{ /* Prevents the tooltip from being hidden */
  534.         width:100%;
  535.         height:40px;
  536.         content:'';
  537.         position: absolute;
  538.         top:-40px;
  539.         left:0;
  540.     }
  541.     
  542.     /* CSS animation */
  543.     
  544.     @-webkit-keyframes fadeIn1 {
  545.         0% { 
  546.             opacity:0; 
  547.             transform: scale(0.6);
  548.         }
  549.     
  550.         100% {
  551.             opacity:100%;
  552.             transform: scale(1);
  553.         }
  554.     }
  555.     .selectTooltip{
  556.         position:relative;
  557.     }
  558.     @keyframes fadeIn1 {
  559.         0% { opacity:0; }
  560.         100% { opacity:100%; }
  561.     }
  562.     </style>
  563.     <div style="${modalCSS}" id="streaks-settings">
  564.         <span style="${spanStyle}" id="close-modal">&times;</span>
  565.         <div style="${modalContentCSS}">
  566.             <div style="${headingCSS}">
  567.                 <h2>Country Streaks</h2>
  568.                 <h5>Created by Jupaoqq</h5>
  569.                 <h5>Credits to victheturtle, subsymmetry, slashP, emilyapocalypse, and Han75</h5>
  570.             </div>
  571.             <div style="${bodyCSS}">
  572.                 <div style="border:5px groove #0F0F0F; padding:5px;">
  573.                     <label for="streak-API-key">Your API Key:</label>
  574.                     <input type="password" style="padding:5px; float:right;" id="streak-API-key">
  575.                     <br><br>
  576.                     <button style="float:right;cursor:pointer;" id="streak-setkey">Set API Key</button>
  577.                     <a style="float:right;text-decoration:underline;color:white;cursor:pointer;"id="showKey">Show</a>
  578.                     <p id="status-text"></p>
  579.                     <p>
  580.                     Need a new API key? Make an account at <a style="text-decoration:underline;color:blue;" href = "https://www.bigdatacloud.com/" target="_blank">www.bigdatacloud.com</a>
  581.                     </p>
  582.                 </div>
  583.                 <div style="border:5px groove #1F1F1F; padding:5px;">
  584.                     <label class="selectTooltip" for="selectManual">Manually save locations to this map: </label> 
  585.                     <select style="float:right;" id="selectManual">
  586.                         <option value="MAP_LINK_HERE" selected>No Selection</option>
  587.                     </select>
  588.                     <br><br>
  589.                     <label for="changeKeybind">Manual Save Keybind: </label>
  590.                     <input type="text" style="float:right;padding:5px;width:50px;" id = "changeKeybind" value="${manualKey}" maxlength="1" >
  591.                     <br><br>
  592.                     <button style="float:right;cursor:pointer;"id="savePrefManual">Save Preferences</button>
  593.                 </div>
  594.                 <div style="border:5px groove #0F0F0F; padding:5px;">
  595.                     <label class="selectTooltip" for="selectGood">Save <b>GOOD</b> guesses to this map:<div class="help-tip">
  596.                     <p>A guess is counted as a good guess if the country is correct and the score is <i>higher</i> than the minimum score.</p>
  597.                 </div></label>
  598.                     
  599.                     <select style="float:right;" id="selectGood">
  600.                         <option value="MAP_LINK_HERE" selected>No Selection</option>
  601.                     </select>
  602.                     <br><br>
  603.                     <label for="goodThreshhold">Good guess minimum score:</label>
  604.                     <input id="goodThreshhold" style="float:right;padding:5px;width:70px;" type="number" max="4999" value="${cutOffGood}">
  605.                     <br><br>
  606.                     <label for="toggleGood">Save <b>GOOD</b> guesses?</label>
  607.                     <input type="checkbox" id="toggleGood" ${collectGoodGuesses?"checked":""}>
  608.                     <button style="float:right;cursor:pointer;" id="savePrefGood">Save Preferences</button>
  609.                 </div>
  610.                 <div style="border:5px groove #0F0F0F; padding:5px;">
  611.                     <label class="selectTooltip" for="selectOK">Save <b>OK</b> guesses to this map: <div class="help-tip">
  612.                     <p>A guess is counted as an OK guess if the country is correct and the score is <i>lower</i> than the maximum score.</p>
  613.                 </div></label>
  614.                     
  615.                     <select style="float:right;" id="selectOK">
  616.                         <option value="MAP_LINK_HERE" selected>No Selection</option>
  617.                     </select>
  618.                     <br><br>
  619.                     <label for="okThreshhold"><b>OK</b> guess maximum score:</label>
  620.                     <input id="okThreshhold" style="float:right;padding:5px;width:70px;" type="number" max="4999" value="${cutoffOk}">
  621.                     <br><br>
  622.                     <label for="toggleOk">Save <b>OK</b> guesses?</label>
  623.                     <input type="checkbox" id="toggleOk" ${collectOkGuesses?"checked":""}>
  624.                     <button style="float:right" id="savePrefOk">Save Preferences</button>
  625.                 </div>
  626.                 <div style="border:5px groove #0F0F0F; padding:5px;">
  627.                     <label class="selectTooltip" for="selectBad">Save <b>BAD</b> guesses (incorrect country) to this map:<div class="help-tip">
  628.                     <p>A guess is counted as a bad guess if the country is incorrect.</p>
  629.                 </div></label>
  630.                     
  631.                     <select style="float:right;" id="selectBad">
  632.                         <option value="MAP_LINK_HERE" selected>No Selection</option>
  633.                     </select>
  634.                     <br><br>
  635.                     <label for="toggleBad">Save <b>BAD</b> guesses?</label>
  636.                     <input type="checkbox" id="toggleBad" ${collectBadGuesses?"checked":""}>
  637.                     <button style="float:right;cursor:pointer;" id="savePrefBad">Save Preferences</button>
  638.                 </div>
  639.             </div>
  640.         </div>
  641.     </div>
  642.     `;
  643.     //Put modal in main body container
  644.     let main = document.getElementById("__next");
  645.     let settingsDiv = document.createElement("div");
  646.     settingsDiv.id="streaks-settings-container";
  647.     settingsDiv.innerHTML=html;
  648.     settingsDiv.style.cssText=containerCSS;
  649.     main.insertBefore(settingsDiv,main.children[0]);
  650.     //close button
  651.     document.getElementById("showKey").addEventListener("click",(e)=>{
  652.         keyInput=document.getElementById("streak-API-key");
  653.         if(keyInput.type==="password"){
  654.             keyInput.type="text";
  655.             document.getElementById("showKey").innerText="Hide";
  656.         }else{
  657.             keyInput.type="password";
  658.             document.getElementById("showKey").innerText="Show";
  659.         }
  660.     });
  661.     document.getElementById("close-modal").addEventListener("click",(e)=>{
  662.         document.getElementById("streaks-settings-container").style.display="none";
  663.     });
  664.     document.getElementById("")
  665.     //Populate dropdown select boxes.
  666.     let ids=["selectManual","selectGood","selectOK","selectBad"]
  667.     for(const [mapID, mapName] of Object.entries(myMaps)){
  668.         
  669.         for(const id of ids){
  670.             let option = document.createElement("option");
  671.             option.value=mapID;
  672.             option.innerText=mapName;
  673.             document.getElementById(id).appendChild(option);
  674.         }
  675.     }
  676.     //set api key button
  677.     document.getElementById("streak-setkey").addEventListener("click",(e)=>{
  678.         let tryKey = document.getElementById("streak-API-key").value;
  679.         if(!(tryKey.length <= 24 || tryKey.match("^[a-fA-F0-9_]*$") == null)){
  680.             API_Key=tryKey;
  681.             AUTOMATIC=true;
  682.             localStorage.setItem("_STREAK_API_KEY",API_Key);
  683.             document.getElementById("status-text").innerText="Successfully set key.";
  684.         }else{
  685.             document.getElementById("status-text").innerText="The key you entered is invalid. Please try again."
  686.         }
  687.         setTimeout(function(){
  688.             document.getElementById("status-text").innerText="";
  689.         },5000)
  690.     });
  691.     //manual preferences button
  692.     document.getElementById("savePrefManual").addEventListener("click",(e)=>{
  693.         manualSave = document.getElementById("selectManual").value;
  694.         manualKey = document.getElementById("changeKeybind").value;
  695.         localStorage.setItem("_MANUAL_MAPID",manualSave);
  696.         document.getElementById("savePrefManual").innerText = "Saved.";
  697.         setTimeout(function(){
  698.             document.getElementById("savePrefManual").innerText = "Save Preferences";
  699.         },3000);
  700.     });
  701.     //good preferences button
  702.     document.getElementById("savePrefGood").addEventListener("click",(e)=>{
  703.         goodGuesses = document.getElementById("selectGood").value;
  704.         localStorage.setItem("_GOOD_MAPID",goodGuesses);
  705.         if(goodGuesses=="MAP_LINK_HERE"){
  706.             document.getElementById("toggleGood").checked=false;
  707.         }
  708.         cutOffGood = document.getElementById("goodThreshhold").value;
  709.         localStorage.setItem("_CUTOFF_GOOD",cutOffGood);
  710.         collectGoodGuesses = document.getElementById("toggleGood").checked;
  711.         localStorage.setItem("_STORE_GOOD",collectGoodGuesses.toString());
  712.         document.getElementById("savePrefGood").innerText = "Saved.";
  713.         setTimeout(function(){
  714.             document.getElementById("savePrefGood").innerText = "Save Preferences";
  715.         },3000);
  716.     });
  717.     //ok preferences button
  718.     document.getElementById("savePrefOk").addEventListener("click",(e)=>{
  719.         okGuesses = document.getElementById("selectOK").value;
  720.         localStorage.setItem("_OK_MAPID",okGuesses);
  721.         if(okGuesses=="MAP_LINK_HERE"){
  722.             document.getElementById("toggleOk").checked=false;
  723.         }
  724.         cutoffOk = document.getElementById("okThreshhold").value;
  725.         localStorage.setItem("_CUTOFF_OK",cutoffOk);
  726.         collectOkGuesses = document.getElementById("toggleOk").checked;
  727.         localStorage.setItem("_STORE_OK",collectOkGuesses.toString());
  728.         document.getElementById("savePrefOk").innerText = "Saved.";
  729.         setTimeout(function(){
  730.             document.getElementById("savePrefOk").innerText = "Save Preferences";
  731.         },3000);
  732.     });
  733.     //bad preferences button
  734.     document.getElementById("savePrefBad").addEventListener("click",(e)=>{
  735.         badGuesses = document.getElementById("selectBad").value;
  736.         localStorage.setItem("_BAD_MAPID",badGuesses);
  737.         if(badGuesses=="MAP_LINK_HERE"){
  738.             document.getElementById("toggleBad").checked=false;
  739.         }
  740.         collectBadGuesses = document.getElementById("toggleBad").checked;
  741.         localStorage.setItem("_STORE_BAD",collectBadGuesses.toString())
  742.         document.getElementById("savePrefBad").innerText = "Saved.";
  743.         setTimeout(function(){
  744.             document.getElementById("savePrefBad").innerText = "Save Preferences";
  745.         },3000);
  746.     });
  747.     }
  748.     //Every time settings opened:
  749.     //Populate api key box
  750.     document.getElementById("streak-API-key").value=API_Key;
  751.     //populate manual select box
  752.     document.getElementById("selectManual").value=manualSave;
  753.     document.getElementById("changeKeybind").value=manualKey;
  754.     //Populate good select box
  755.     document.getElementById("selectGood").value=goodGuesses;
  756.     document.getElementById("goodThreshhold").value=cutOffGood;
  757.     document.getElementById("toggleGood").checked=collectGoodGuesses;
  758.     //populate ok select box
  759.     document.getElementById("selectOK").value=okGuesses;
  760.     document.getElementById("okThreshhold").value=cutoffOk;
  761.     document.getElementById("toggleOk").checked=collectOkGuesses;
  762.     //populate bad select box
  763.     document.getElementById("selectBad").value=badGuesses;
  764.     document.getElementById("toggleBad").checked=collectBadGuesses;
  765. }
  766. function addCounter() {
  767.     if (!checkGameMode()) {
  768.         return;
  769.     };
  770.     let status_length = document.getElementsByClassName(cn("status_section__")).length;
  771.     if (document.getElementById("country-streak") == null && status_length >= 3) {
  772.         let position = (status_length >= 4 && document.getElementsByClassName(cn("status_label__"))[3].innerText == "TIME LEFT") ? 4 : 3;
  773.         let newDiv0 = document.createElement("div");
  774.         newDiv0.className = cn('status_section__');
  775.         let statusBar = document.getElementsByClassName(cn("status_inner__"))[0];
  776.         statusBar.insertBefore(newDiv0, statusBar.children[position]);
  777.         newDiv0.innerHTML = `<div class="${cn("status_label__")}">Streak</div>
  778.                              <div id="country-streak" class="${cn("status_value__")}">${streak}</div>`;
  779.         newDiv0.setAttribute("style","cursor:pointer;");
  780.         newDiv0.addEventListener("click",openSettings);
  781.     };
  782. };
  783.  
  784. function addStreakRoundResult() {
  785.     if (document.getElementById("country-streak2") == null && !!document.querySelector('div[data-qa="guess-description"]')
  786.         && !document.querySelector('div[class*="standard-final-result_section__"]')) {
  787.         let pageProps = JSON.parse(document.getElementById("__NEXT_DATA__").innerHTML).props.pageProps;
  788.         if (pageProps.gamePlayedByCurrentUser != null && pageProps.gamePlayedByCurrentUser.mode == "streak") return;
  789.         let newDiv = document.createElement("div");
  790.         document.querySelector('div[data-qa="guess-description"]').appendChild(newDiv);
  791.         newDiv.innerHTML = `<div id="country-streak2" style="text-align:center;margin-top:10px;"><h2><i>Country Streak: ${streak}</i></h2></div>`;
  792.         let openS = document.createElement("h4");
  793.         openS.innerText="Open Streak Counter Preferences";
  794.         newDiv.insertBefore(openS,null);
  795.         openS.setAttribute("style","text-decoration:underline;cursor:pointer;");
  796.         openS.addEventListener("mouseover",function(){
  797.             openS.setAttribute("style","color:blue;text-decoration:underline;cursor:pointer;");
  798.         });
  799.         openS.addEventListener("mouseout",function(){
  800.             openS.setAttribute("style","color:white;text-decoration:underline;cursor:pointer;");
  801.         });
  802.         openS.addEventListener("click",openSettings);
  803.     };
  804. };
  805.  
  806. function addStreakGameSummary() {
  807.     if (document.getElementById("country-streak2") == null && !!document.querySelector('div[class*="standard-final-result_section__"]')) {
  808.         let newDiv = document.createElement("div");
  809.         let progressSection = document.getElementsByClassName(cn("standard-final-result_progressSection__"))[0];
  810.         progressSection.parentNode.insertBefore(newDiv, progressSection.parentNode.children[2]);
  811.         progressSection.style.marginTop = "10px";
  812.         progressSection.style.marginBottom = "10px";
  813.         newDiv.innerHTML = `<div id="country-streak2" style="text-align:center;margin-top:10px;"><h2><i>Country Streak: ${streak}</i></h2></div>`;
  814.         let openS = document.createElement("h4");
  815.         openS.innerText="Open Streak Counter Preferences";
  816.         newDiv.insertBefore(openS,null);
  817.         openS.setAttribute("style","text-decoration:underline;cursor:pointer;");
  818.         openS.addEventListener("mouseover",function(){
  819.             openS.setAttribute("style","color:blue;text-decoration:underline;cursor:pointer;");
  820.         });
  821.         openS.addEventListener("mouseout",function(){
  822.             openS.setAttribute("style","color:white;text-decoration:underline;cursor:pointer;");
  823.         });
  824.         openS.addEventListener("click",openSettings);
  825.     };
  826. };
  827.  
  828. function updateStreak(newStreak, cond, guessType) {
  829.     if (newStreak === LOC_SAVE) {
  830.         if (document.getElementById("country-streak2") != null && (!!document.querySelector('div[data-qa="guess-description"]'))) {
  831.             document.getElementById("country-streak2").innerHTML = SaveText;
  832.         }
  833.         return;
  834.     }
  835.     else if (newStreak === ERROR_RESP) {
  836.         if (document.getElementById("country-streak2") != null && (!!document.querySelector('div[data-qa="guess-description"]'))) {
  837.             document.getElementById("country-streak2").innerHTML =
  838.                 `<div><i>Country codes could not be fetched. If your API key is new, it should activate soon.</i></div>
  839.                  <div><i>Check for typos in the API key. You might also see this message if bigdatacloud is down</i></div>
  840.                  <div><i>or in the unlikely event that you have exceeded you quota limit of 50,000 requests.</i></div>
  841.                  <div><i>In the meantime, you can press 1 to count the country as correct, or press 0 otherwise.</i></div>`;
  842.         }
  843.         return;
  844.     }
  845.     sessionStorage.setItem("Streak", newStreak);
  846.     if (!(streak > 0 && newStreak == 0)) {
  847.         sessionStorage.setItem("StreakBackup", newStreak);
  848.     };
  849.     if (document.getElementById("country-streak") != null) {
  850.         document.getElementById("country-streak").innerHTML = newStreak;
  851.     };
  852.     if (document.getElementById("country-streak2") != null
  853.         && (!!document.querySelector('div[data-qa="guess-description"]') || !!document.querySelector('div[class*="standard-final-result_section__"]'))) {
  854.  
  855.         let moreText1 = "";
  856.         let moreText2 = "";
  857.         if (collectGoodGuesses && guessType === "PERFECT")
  858.         {
  859.             moreText1 = GoodText;
  860.         }
  861.  
  862.         else if (collectOkGuesses && guessType === "BAD")
  863.         {
  864.             moreText1 = OkText;
  865.         }
  866.  
  867.         if (collectBadGuesses && guessType === "MISS")
  868.         {
  869.             moreText2 = BadText;
  870.         }
  871.  
  872.         if (manualSave !== "MAP_LINK_HERE")
  873.         {
  874.             defaultText = `You may press the ${manualKey} key on your keyboard to save this location.`
  875.         }
  876.  
  877.         document.getElementById("country-streak2").innerHTML = `<h2><i>Country Streak: ${newStreak}</i></h2> <br> ${defaultText} <br> ${moreText1}`;
  878.         if (newStreak == 0 && !cond) {
  879.             if (streak >= 2) {
  880.                 document.getElementById("country-streak2").innerHTML = `<h2><i>Country Streak: 0</i></h2>
  881.                     Your streak ended after correctly guessing ${geoguessrStyle(streak)} countries in a row. <br> ${defaultText} <br> ${moreText2}`;
  882.             } else if (streak == 1) {
  883.                 document.getElementById("country-streak2").innerHTML = `<h2><i>Country Streak: 0</i></h2>
  884.                     Your streak ended after correctly guessing ${geoguessrStyle(1)} country. <br> ${defaultText} <br> ${moreText2}`;
  885.             }
  886.             else {
  887.                 document.getElementById("country-streak2").innerHTML = `<br><h2><i>Country Streak: 0</i></h2>
  888.                     Your streak ended after correctly guessing ${geoguessrStyle(0)} country. <br> ${defaultText} <br> ${moreText2}`;
  889.             };
  890.         };
  891.     };
  892.     streak = newStreak;
  893. };
  894. /**
  895.  * Gets user's draft and published maps and stores (Map_ID,Map_Name) in variable myMaps 
  896.  */
  897. async function getUserMaps(){
  898.     await fetch(MAPS_PUBLISHED).then(res=>(res.status!==200)?ERROR_RESP:res.json()).then(json=>{
  899.         if(json!==ERROR_RESP){
  900.             for(let i=0;i<json.length;i++){
  901.                 myMaps[json[i]["slug"]]=json[i]["name"];
  902.             }
  903.         }else console.log("error getting user published maps from geoguessr api");
  904.     });
  905.     await fetch(MAPS_DRAFT).then(res=>(res.status!==200)?ERROR_RESP:res.json()).then(json=>{
  906.         if(json!==ERROR_RESP){
  907.             for(let i=0;i<json.length;i++){
  908.                 myMaps[json[i]["slug"]]=json[i]["name"];
  909.             }
  910.         }else console.log("error getting user draft maps from geoguessr api");
  911.     });
  912.  
  913. }
  914. async function getUserAsync(coords) {
  915.     if (coords[0] <= -85.05) {
  916.         return 'AQ';
  917.     };
  918.     let api = "https://api.bigdatacloud.net/data/reverse-geocode?latitude="+coords[0]+"&longitude="+coords[1]+"&localityLanguage=en&key="+API_Key
  919.     let response = await fetch(api)
  920.     .then(res => (res.status !== 200) ? ERROR_RESP : res.json())
  921.     .then(out => (out === ERROR_RESP) ? ERROR_RESP : CountryDict[out.countryCode]);
  922.     return response;
  923. };
  924.  
  925. function check() {
  926.     const game_tag = window.location.href.substring(window.location.href.lastIndexOf('/') + 1)
  927.     let api_url = ""
  928.     if (location.pathname.startsWith("/game/")) {
  929.         api_url = "https://www.geoguessr.com/api/v3/games/"+game_tag;
  930.     } else if (location.pathname.startsWith("/challenge/")) {
  931.         api_url = "https://www.geoguessr.com/api/v3/challenges/"+game_tag+"/game";
  932.     };
  933.     fetch(api_url)
  934.         .then(res => res.json())
  935.         .then((out) => {
  936.         let guess_counter = out.player.guesses.length;
  937.         let guess = [out.player.guesses[guess_counter-1].lat,out.player.guesses[guess_counter-1].lng];
  938.         if (guess[0] == last_guess[0] && guess[1] == last_guess[1]) {
  939.             return;
  940.         };
  941.         last_guess = guess;
  942.         let round = [out.rounds[guess_counter-1].lat,out.rounds[guess_counter-1].lng];
  943.         global_loc = out.rounds[guess_counter-1];
  944.         getUserAsync(guess)
  945.             .then(gue => {
  946.             getUserAsync(round)
  947.                 .then(loc => {
  948.                 if (loc == ERROR_RESP || gue == ERROR_RESP) {
  949.                     updateStreak(ERROR_RESP, true, "");
  950.                 } else if (loc == gue) {
  951.                     let passStr = "";
  952.                     if (out.player.guesses[guess_counter-1].roundScore.amount < cutoffOk)
  953.                     {
  954.                         if (collectOkGuesses && okGuesses !== "MAP_LINK_HERE")
  955.                         {
  956.                             toMap(global_loc, "BAD");
  957.                             passStr = "BAD";
  958.                         }
  959.                     }
  960.                     if (out.player.guesses[guess_counter-1].roundScore.amount > cutOffGood)
  961.                     {
  962.                         if (collectGoodGuesses && goodGuesses !== "MAP_LINK_HERE")
  963.                         {
  964.                             toMap(global_loc, "PERFECT");
  965.                             passStr = "PERFECT";
  966.                         }
  967.                     }
  968.                     updateStreak(streak + 1, true, passStr);
  969.                 } else {
  970.                     updateStreak(0, false, "MISS");
  971.                     if (collectBadGuesses && badGuesses !== "MAP_LINK_HERE")
  972.                     {
  973.                         toMap(global_loc, "MISS");
  974.                     }
  975.                 };
  976.             });
  977.         });
  978.     }).catch(err => { throw err });
  979. };
  980.  
  981. function doCheck() {
  982.     if (!document.querySelector('div[class*="result-layout_root__"]')) {
  983.         sessionStorage.setItem("Checked", 0);
  984.     } else if (sessionStorage.getItem("Checked") == 0) {
  985.         check();
  986.         sessionStorage.setItem("Checked", 1);
  987.     }
  988. };
  989.  
  990. function tryAddCounter() {
  991.     addCounter();
  992.     for (let timeout of [400,1200,2000,3000,4000]) {
  993.         if (document.getElementsByClassName(cn("status_section__")).length == 0) {
  994.             setTimeout(addCounter, timeout);
  995.         };
  996.     }
  997. };
  998.  
  999. function tryAddCounterOnRefresh() {
  1000.     setTimeout(addCounter, 50);
  1001.     setTimeout(addCounter, 300);
  1002. };
  1003.  
  1004. function tryAddStreak() {
  1005.     if (!checkGameMode()) {
  1006.         return;
  1007.     };
  1008.     if (AUTOMATIC) {
  1009.         doCheck();
  1010.         for (let timeout of [250,500,1200,2000]) {
  1011.             setTimeout(doCheck, timeout);
  1012.         }
  1013.     };
  1014.     for (let timeout of [250,500,1200,2000]) {
  1015.         setTimeout(addStreakRoundResult, timeout);
  1016.         setTimeout(addStreakGameSummary, timeout);
  1017.     }
  1018. };
  1019.  
  1020. document.addEventListener('keypress', (e) => {
  1021.     let streakBackup = parseInt(sessionStorage.getItem("StreakBackup"), 10);
  1022.     switch (e.key) {
  1023.         case '1':
  1024.             updateStreak(streak + 1, true, "");
  1025.             break;
  1026.         case '2':
  1027.             updateStreak(streak - 1, true, "");
  1028.             break;
  1029.         case '8':
  1030.             updateStreak(streakBackup + 1, true, "");
  1031.             break;
  1032.         case manualKey:
  1033.             toMap(global_loc, "SAVE");
  1034.             updateStreak(LOC_SAVE, true, "");
  1035.             break;
  1036.         case '0':
  1037.             updateStreak(0, true, "");
  1038.             sessionStorage.setItem("StreakBackup", 0);
  1039.     };
  1040. });
  1041.  
  1042. document.addEventListener('click', tryAddCounter, false);
  1043. document.addEventListener('click', tryAddStreak, false);
  1044. document.addEventListener('keyup', (e) => { if (e.key === " ") { tryAddStreak(); } });
  1045. document.addEventListener('load', tryAddCounterOnRefresh(), false);
  1046.  
  1047. function toMap(loc, type)
  1048. {
  1049.     let coordinates = [];
  1050.     let pId;
  1051.     if (loc.panoId)
  1052.     {
  1053.         pId = hex2a(loc.panoId);
  1054.     }
  1055.     const coordinate = {
  1056.         heading: loc.heading,
  1057.         pitch: loc.pitch,
  1058.         zoom:  loc.zoom,
  1059.         panoId: pId,
  1060.         countryCode: loc.streakLocationCode || null,
  1061.         stateCode: null,
  1062.         lat: loc.lat,
  1063.         lng: loc.lng
  1064.     };
  1065.     coordinates.push(coordinate);
  1066.  
  1067.  
  1068.     const mapText = JSON.stringify({
  1069.         customCoordinates: coordinates
  1070.     });
  1071.     importLocations(mapText, type);
  1072. }
  1073.  
  1074. let mapDataFromClipboard = null;
  1075. let existingMap = null;
  1076.  
  1077. const getExistingMapData = (type) => {
  1078.     let mId;
  1079.     if (type == "PERFECT")
  1080.     {
  1081.         mId = goodGuesses;
  1082.     }
  1083.     else if (type == "BAD")
  1084.     {
  1085.         mId = okGuesses;
  1086.     }
  1087.     else if (type == "MISS")
  1088.     {
  1089.         mId = badGuesses;
  1090.     }
  1091.     else if (type == "SAVE")
  1092.     {
  1093.         mId = manualSave;
  1094.     }
  1095.     return fetch(`https://www.geoguessr.com/api/v3/profiles/maps/${mId}`)
  1096.         .then(response => response.json())
  1097.         .then(map => ({
  1098.         id: map.id,
  1099.         name: map.name,
  1100.         description: map.description,
  1101.         avatar: map.avatar,
  1102.         highlighted: map.highlighted,
  1103.         published: map.published,
  1104.         customCoordinates: map.customCoordinates
  1105.     }));
  1106. }
  1107. const uniqueBy = (arr, selector) => {
  1108.     const flags = {};
  1109.     return arr.filter(entry => {
  1110.         if (flags[selector(entry)]) {
  1111.             return false;
  1112.         }
  1113.         flags[selector(entry)] = true;
  1114.         return true;
  1115.     });
  1116. };
  1117. const intersectionCount = (arr1, arr2, selector) => {
  1118.     var setB = new Set(arr2.map(selector));
  1119.     var intersection = arr1.map(selector).filter(x => setB.has(x));
  1120.     return intersection.length;
  1121. }
  1122. const exceptCount = (arr1, arr2, selector) => {
  1123.     var setB = new Set(arr2.map(selector));
  1124.     var except = arr1.map(selector).filter(x => !setB.has(x));
  1125.     return except.length;
  1126. }
  1127. const latLngSelector = x => `${x.lat},${x.lng}`;
  1128. const latLngHeadingPitchSelector = x => `${x.lat},${x.lng},${x.heading},${x.pitch}`;
  1129. const pluralize = (text, count) => count === 1 ? text : text + "s";
  1130.  
  1131. const importLocations = (text, type, mapAsObject) => {
  1132.     try {
  1133.         getExistingMapData(type)
  1134.             .then(map => {
  1135.             existingMap = map;
  1136.             mapDataFromClipboard = mapAsObject ? mapAsObject : JSON.parse(text);
  1137.             if (!mapDataFromClipboard?.customCoordinates?.length) {
  1138.                 return;
  1139.             }
  1140.             const uniqueExistingLocations = uniqueBy(existingMap.customCoordinates, latLngSelector);
  1141.             const uniqueImportedLocations = uniqueBy(mapDataFromClipboard.customCoordinates, latLngSelector);
  1142.             const uniqueLocations = uniqueBy([...uniqueExistingLocations, ...uniqueImportedLocations], latLngSelector);
  1143.             const numberOfLocationsBeingAdded = uniqueLocations.length - uniqueExistingLocations.length;
  1144.             const numberOfUniqueLocationsImported = uniqueImportedLocations.length;
  1145.             const numberOfExactlyMatchingLocations = intersectionCount(uniqueExistingLocations, uniqueImportedLocations, latLngHeadingPitchSelector);
  1146.             const numberOfLocationsWithSameLatLng = intersectionCount(uniqueExistingLocations, uniqueImportedLocations, latLngSelector);
  1147.             const numberOfLocationEditions = numberOfLocationsWithSameLatLng - numberOfExactlyMatchingLocations;
  1148.             const numberOfLocationsNotInImportedList = exceptCount(uniqueExistingLocations, uniqueImportedLocations, latLngSelector);
  1149.             const numberOfLocationsNotInExistingMap = exceptCount(uniqueImportedLocations, uniqueExistingLocations, latLngSelector);
  1150.  
  1151.             const uniqueLocations2 = uniqueBy([...existingMap.customCoordinates, ...mapDataFromClipboard.customCoordinates], latLngSelector);
  1152.             const newMap = {
  1153.                 ...existingMap,
  1154.                 customCoordinates: uniqueLocations2
  1155.             };
  1156.             updateMap(newMap);
  1157.  
  1158.         }).catch(error => console.log(error));
  1159.     } catch (err) {
  1160.         console.log(err);
  1161.     }
  1162. }
  1163.  
  1164.  
  1165. function updateMap(newMap) {
  1166.     fetch(`https://www.geoguessr.com/api/v4/user-maps/drafts/${existingMap.id}`, {
  1167.         method: 'PUT',
  1168.         credentials: 'same-origin',
  1169.         headers: {
  1170.             'Content-Type': 'application/json'
  1171.         },
  1172.         body: JSON.stringify(newMap)
  1173.     }).then(response => {
  1174.         if (!response.ok) {
  1175.             console.log("Something went wrong when calling the server.");
  1176.             return;
  1177.         }
  1178.         return response.json();
  1179.     }).then(mapResponse => {
  1180.         if (mapResponse.id) {
  1181.             console.log(`Map updated.`);
  1182.         }
  1183.     });
  1184.         fetch(`https://www.geoguessr.com/api/v3/profiles/maps/${existingMap.id}`, {
  1185.         method: 'POST',
  1186.         credentials: 'same-origin',
  1187.         headers: {
  1188.             'Content-Type': 'application/json'
  1189.         },
  1190.         body: JSON.stringify(newMap)
  1191.     }).then(response => {
  1192.         if (!response.ok) {
  1193.             console.log("Something went wrong when calling the server.");
  1194.             return;
  1195.         }
  1196.         return response.json();
  1197.     }).then(mapResponse => {
  1198.         if (mapResponse.id) {
  1199.             console.log(`Map updated.`);
  1200.         }
  1201.     });
  1202. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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