Bring back the google maps button when searching on google

google_search_maps_addon.js

// ==UserScript==
// @name         Google maps addon
// @namespace    http://tampermonkey.net/
// @version      2024-03-21
// @description  Bring google maps button back
// @author       You
// @match        https://www.google.com/search*
// @include      https://www.google.tld/search*
// @icon         https://www.google.com/images/branding/googleg/1x/googleg_standard_color_128dp.png
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  function addMapsButton() {
    // Find the list container of existing tabs
    const tabsContainer = document.querySelector('.crJ18e');

    // If tabs exist, proceed
    if (tabsContainer) {
      // Create the Maps button elements (updated)
      const mapsListItem = document.createElement('div');
      mapsListItem.jsname = 'VIftV';
      // mapsListItem.classList.add('Ap1Qsc');
      mapsListItem.setAttribute('role', 'listitem');

      // Replace this entire section with the provided <a> element
      const mapsButton = document.createElement('a');
      mapsButton.jsname = "ONH4Gc";
      mapsButton.classList.add("LatpMc");
      mapsButton.classList.add("nPDzT");
      mapsButton.classList.add("T3FoJb");
      mapsButton.dataset.navigation = "server";  // Update the attribute name
      mapsButton.dataset.hveid = "CAEQCA";
      // Get the search query from the URL
      const searchQuery = new URLSearchParams(window.location.search).get('q');

      // Construct the Maps link with the query
      const mapsLink = `//maps.google.com/maps?q=${searchQuery}`;
      mapsButton.href = mapsLink;

      //mapsButton.textContent = "Maps"; // Set the inner text
      const mapsButtonText = document.createElement('div');
      mapsButtonText.jsname = "bVqjv";
      mapsButtonText.classList.add("YmvwI");
      mapsButtonText.textContent = "Maps";
      mapsButton.appendChild(mapsButtonText);

      // Append the mapsButton to the list item
      mapsListItem.appendChild(mapsButton);

      // Insert the Maps button at the beginning of the tabs container
      tabsContainer.prepend(mapsListItem);
    }
  }

  // Call the function to add the button
  addMapsButton();
})();