Skip to content

Instantly share code, notes, and snippets.

@tosunkaya

tosunkaya/google_search_maps_addon.js

Forked from Daan-Grashoff/README.md
Created September 1, 2024 12:24
Show Gist options
  • Save tosunkaya/3eb76af032ebccdd1f0043f479bb93cf to your computer and use it in GitHub Desktop.
Save tosunkaya/3eb76af032ebccdd1f0043f479bb93cf to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @Daan-Grashoff Daan-Grashoff revised this gist Mar 21, 2024. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions google_search_maps_addon.js
    View file
    Original file line number Diff line number Diff line change
    @@ -4,8 +4,9 @@
    // @version 2024-03-21
    // @description Bring google maps button back
    // @author You
    // @match https://www.google.com/*
    // @icon https://www.google.com/
    // @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==

  2. @Daan-Grashoff Daan-Grashoff revised this gist Mar 21, 2024. 1 changed file with 8 additions and 4 deletions.
    12 changes: 8 additions & 4 deletions google_search_maps_addon.js
    View file
    Original file line number Diff line number Diff line change
    @@ -32,14 +32,18 @@
    mapsButton.classList.add("T3FoJb");
    mapsButton.dataset.navigation = "server"; // Update the attribute name
    mapsButton.dataset.hveid = "CAEQCA";
    mapsButton.href = "//maps.google.com/maps?q=sligro&source=lmns&entry=mt&bih=999&biw=1758&prmd=isnvbz&hl=en";
    mapsButton.ping = "/url?sa=t&source=web&rct=j&url=//maps.google.com/maps?q%3Dsligro%26source%3Dlmns%26entry%3Dmt%26bih%3D999%26biw%3D1758%26prmd%3Disnvbz%26hl%3Den&ved=2ahUKEwjluuaFof6EAxXBv_0HHZlMCckQi6AMKAN6BAgBEAg&opi=89978449";
    // mapsButton.textContent = "Maps"; // Set the inner text
    // 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
  3. @Daan-Grashoff Daan-Grashoff revised this gist Mar 21, 2024. 1 changed file with 43 additions and 42 deletions.
    85 changes: 43 additions & 42 deletions google_search_maps_addon.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,54 +1,55 @@
    // ==UserScript==
    // @name Google maps addon
    // @namespace http://tampermonkey.net/
    // @version 2024-02-13
    // @version 2024-03-21
    // @description Bring google maps button back
    // @author You
    // @match https://www.google.com/*
    // @icon https://www.google.com/
    // @grant none
    // ==/UserScript==

    (function () {
    'use strict';

    function addMapsButton() {
    // Find the existing results tabs (Images, News, etc.)
    const tabsContainer = document.querySelector('.IUOThf');

    // If tabs exist, proceed
    if (tabsContainer) {
    // Create the Maps button
    const mapsButton = document.createElement('a');
    mapsButton.classList.add('nPDzT', 'T3FoJb'); // Style to match other tabs

    // Create the inner elements for the Maps button
    const mapDiv = document.createElement('div');
    mapDiv.jsname = 'bVqjv';
    mapDiv.classList.add('GKS7s');

    const mapSpan = document.createElement('span');
    mapSpan.classList.add('FMKtTb', 'UqcIvb');
    mapSpan.jsname = 'pIvPIe';
    mapSpan.textContent = 'Maps';

    // Assemble the elements
    mapDiv.appendChild(mapSpan);
    mapsButton.appendChild(mapDiv);

    // 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 = `http://maps.google.com/maps?q=${searchQuery}`;
    mapsButton.href = mapsLink;

    // Insert the Maps button at the beginning of the tabs container
    tabsContainer.prepend(mapsButton);
    }
    (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";
    mapsButton.href = "//maps.google.com/maps?q=sligro&source=lmns&entry=mt&bih=999&biw=1758&prmd=isnvbz&hl=en";
    mapsButton.ping = "/url?sa=t&source=web&rct=j&url=//maps.google.com/maps?q%3Dsligro%26source%3Dlmns%26entry%3Dmt%26bih%3D999%26biw%3D1758%26prmd%3Disnvbz%26hl%3Den&ved=2ahUKEwjluuaFof6EAxXBv_0HHZlMCckQi6AMKAN6BAgBEAg&opi=89978449";
    // 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();

    })();
    // Call the function to add the button
    addMapsButton();
    })();
  4. @Daan-Grashoff Daan-Grashoff created this gist Feb 13, 2024.
    54 changes: 54 additions & 0 deletions google_search_maps_addon.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,54 @@
    // ==UserScript==
    // @name Google maps addon
    // @namespace http://tampermonkey.net/
    // @version 2024-02-13
    // @description Bring google maps button back
    // @author You
    // @match https://www.google.com/*
    // @icon https://www.google.com/
    // @grant none
    // ==/UserScript==

    (function () {
    'use strict';

    function addMapsButton() {
    // Find the existing results tabs (Images, News, etc.)
    const tabsContainer = document.querySelector('.IUOThf');

    // If tabs exist, proceed
    if (tabsContainer) {
    // Create the Maps button
    const mapsButton = document.createElement('a');
    mapsButton.classList.add('nPDzT', 'T3FoJb'); // Style to match other tabs

    // Create the inner elements for the Maps button
    const mapDiv = document.createElement('div');
    mapDiv.jsname = 'bVqjv';
    mapDiv.classList.add('GKS7s');

    const mapSpan = document.createElement('span');
    mapSpan.classList.add('FMKtTb', 'UqcIvb');
    mapSpan.jsname = 'pIvPIe';
    mapSpan.textContent = 'Maps';

    // Assemble the elements
    mapDiv.appendChild(mapSpan);
    mapsButton.appendChild(mapDiv);

    // 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 = `http://maps.google.com/maps?q=${searchQuery}`;
    mapsButton.href = mapsLink;

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

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

    })();