nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Sports Stadium / Google Search Chrome Extension

TimWitt2

Hey everybody,

Inspired by this I decided to create my own Google Chrome Extension.

In my extension, whenever you open a new Tab, it will create an interactive leaflet map of a random NFL or MLB stadium. I have included a google search box, which will make it easy to use this as your starting page.

You are also able to add "shortcut buttons" to some of the more popular social web pages (twitter, facebook, gmail...).

If you are a die hard fan of a certain NFL, MLB or CFB team, you can always open a new Tab just to your team.

You can find my extension HERE!

I explain (pretty pictures) the extension better HERE!

If you like it please rate it, share it and let me know what you think

In progress:

Adding Links to Logos

Fixing some Wiki links

Upgrading to newest ESRI Leaflet version

Things for the future:

- NBA & NHL teams

- World Soccer stadiums

- More college teams

- Create your own shortcut buttons

- Show teams standing in the rankings

Latest Update: I have added logos and team names to the map. Added Google News button.

Here is also a link to the previous discussion: Sports Stadium / Google Search Chrome Extension

Tim

Find more posts tagged with

Comments

TimWitt2

Currently it shows that 27 people are using the extension. Anybody have any idea where I could post the extension to get more exposure?

AdrianWelsh

Agreed. 3D is way cool. Though Reser Stadium looks much better than the half-blown-up Kyle Field...

https://www.google.com/maps/@30.6042402,-96.3402911,253a,20y,68.64t/data=!3m1!1e3

TimWitt2

That is neat! I'll definitely look if I can get that in.

RickeyFight

3D?

Google Maps

TimWitt2

Just checking in to see if anybody has any ideas of what else can be added?

TimWitt2

Glad you like it! Next I will add links to the teams homepage when you click on the logo.

RickeyFight

I love the logo!

RickeyFight

I love the logo!

TimWitt2

I agree and I will move forward with bottom left.

AdrianWelsh

I agree with both of y'all! It looks nicer in the corner. It gets a little too busy when it is over the search bar. Nice work, Tim! I love seeing this progress (and still want to 'help' but am having a hard time finding the time, sorry!).

TimWitt2

I agree!

RickeyFight

I like the first one, where the logo is in the bottom corner.

TimWitt2

Here it is:

RickeyFight

I think that is a good location!

Could you post a screen shot of the logo above the search bar?

TimWitt2

Adrian Welsh Rickey Fite I am working on adding team logos and names, what do you think about the positioning? Or would it look better adding it above the search bar?

TimWitt2

I have added all MLS teams, next up I think I will add some team logos and names.

AdrianWelsh

This looks great! I like where this is heading!

TimWitt2

Adrian Welsh Google suggestions is now live. Let me know what you think!

RickeyFight

The link did not work.

I am sure whatever you come up with will be great!

TimWitt2

I could create a field with a link to a street view and the feed it to the street view button.

RickeyFight

I found another view that would be amazing! I am not sure it can work with the way you have the script written and I know it would not work for all the stadiums.

Google Maps

TimWitt2

I like this idea. I will probably add a button below the stadium descriptions.

TimWitt2

Adrian Welsh Rickey Fite I have created a github document where you can add stadiums Stadiums/stadiums.js at master · timw1984/Stadiums · GitHub

TimWitt2

I'll see if I can create a document either here or on github.

RickeyFight

Tim,

What about adding street view option?

Google Maps

RickeyFight

I think that would be a great addition! I can add more stadiums if you would like today.

If you create a jsfiddle (or something like that) with the current list of colleges we can edit and keep adding.

AdrianWelsh

How would it look? I mean, can you maybe put it on so that we can look at it and decide then? And let me know if you would want/need any assistance with college stadiums and such!

TimWitt2

Adrian Welsh Rickey Fite I am thinking about adding google suggestions to the search bar, what do you guys think?

TimWitt2

I put the link in my post, thanks for the suggestion!

AdrianWelsh

Can you just link back to the discussion page?

Sports Stadium / Google Search Chrome Extension

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.