Giter VIP home page Giter VIP logo

mapcrunch-userscripts's Introduction

MapCrunch userscripts

These scripts make it easier to play GeoGuessr-style games on mapcrunch.com:

  • Check your geo-guess adds an input box for (latitude, longitude) coordinates to MapCrunch, and a button which takes you to a Google Maps page showing directions from your MapCrunch starting point to those coordinates
  • Jump to map adds two buttons to MapCrunch — the first opens Google Maps at your current location, and the second opens Maps to a set of directions from where you started out when you pressed "Go" to where you are now
  • Minimal UI makes sure you can see as much of your streetview scene as possible, by hiding most of MapCrunch’s buttons and toolbars, and streamlining the few that remain (and it makes my other scripts look better, too)
  • Hide location names hides the box with the name of the current location
  • Hide streetview labels hides the labels on roads, etc

I use all of these together, but they should all work on their own, too.

Installation

Safari on macOS

For both JavaScript and CSS, use Userscripts Safari

  1. Install Userscripts Safari (App Store)
  2. Open the Userscripts manager
  3. Press the +, and then choose "New Remote"
  4. Paste the URL for the file
  5. Press save

Use these URLS:

Firefox and Chrome

For Javascript, use Violentmonkey

  1. Install Violentmonkey
  2. Open the Violentmonkey Dashboard
  3. Press the +, and then choose "Install from URL"

Use these URLS:

For CSS, use Stylus

  1. Install Stylus (Firefox, Chrome)
  2. Visit the URLs for the stylesheets you want to install (Stylus will intercept the page and provide an install button)

Use these URLS:

Script descriptions

Check your geo-guess

This script adds an input box for map coordinates* to MapCrunch, as well as a button to open a Google Maps page with directions to those coordinates from where you started out on MapCrunch after you pressed "Go."

* Keyword searches will work too, but sometimes Google Maps will misinterpret your keyword (sometimes it tries to find a match that is closer to where you are connecting to the internet from) — so more specific keywords ("Halifax, Nova Scotia" instead of just "Halifax") are better, and explicit coordinates are best.

How to use it

To play a GeoGuessr-style game, using explicit coordinates:

  1. Open MapCrunch and load a random view
  2. Guess where in the world that view is from
  3. Open Google Maps in another tab
  4. Using Google Maps, browse to the location that you have guessed
  5. Right-click on the Google Map to bring up a menu with a set of (latitude, longitude) coordinates at the top
  6. Click on the coordinates — this should automatically copy them to your device’s clipboard
  7. Switch back to your MapCrunch tab
  8. Paste the coordinates into the input field
  9. Press “Guess”
  10. Google Maps will open in a new tab, showing you directions from where you were on MapCrunch to the coordinates that you guessed

To play a GeoGuessr-style game, lazily, with keywords:

  1. Open MapCrunch and load a random view
  2. Guess where in the world that view is from
  3. Type the name of a the city, and it's country ("Ankara, Turkey") or the name of a landmark ("Sukhothai Town") into the input box
  4. Press "Guess"
  5. Google Maps will open in a new tab, showing you directions from where you were on MapCrunch to the place that you guessed (hopefully)

Screenshot

It looks like this (paired with Minimal UI):

Screenshot of "Check your geo-guess" interface

Jump to map

This script adds two buttons to MapCrunch:

  1. "Map" opens Google Maps at your current location
  2. "Directions from start" opens Google Maps to a set of directions from where you started out when you pressed "Go" to where you are now

Screenshot of "Jump to map" interface

Minimal UI

This CSS stylesheet makes sure you can see as much of your streetview scene as possible by streamlining MapCrunch's UI. It also makes my other scripts look nicer.

The key features:

  • streamlines the top bar
    • shrinks the logo and buttons
    • removes the translucent background
  • moves the previous/next panorama buttons, and the location name, to the bottom left
  • hides the "home, gallery, about..." bar at the top
  • hides ads
  • hides social media buttons
  • adds CSS for the buttons from my other scripts

Screenshots

With:

Screenshot with minimal UI

Without:

Screenshot without minimal UI

Hide location names

Hides the box with the name of the current location

Hide streetview labels

Hides the labels on roads, etc

mapcrunch-userscripts's People

Contributors

nickloewen avatar

Stargazers

Elizabeth Pankratz avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.