Tennis Tooltips

They say little things can make a big difference. One little thing that was missing from the tennis courts map was the tooltip, with details about each tennis court facility. People would often ask “What are these red dots on the map? The green bubbles must be the tennis courts in the list, but what are these red dots?”

Well, guess what – the red dots are tennis courts, too. And now you can click on them to see a tooltip with the court’s info – private or public (paid or free), lights for night play or not lighted, if it’s indoor or outdoor, number of courts, name and address.

If you need more info, like phone number or would like to email the link to this court to someone, the court’s name hyperlink will take you to it’s profile page. Where available, you can also see the court’s “street view” and get an idea of the location’s parking and driving situation. “Street view” is one of my favorite features, especially if I’m going somewhere for the first time.

1) Click on red dot on map

2) Click on court name link to go to it’s profile page

tooltip for red dot on tennis map

red dots and tooltips

Of course, clicking on the green bubbles does the same thing, it shows a tooltip.

1) Click on the green bubble on map

2) Click on court name link, if you need more info

tooltips on tennis map

tooltips on tennis map

We use the green bubbles to reference the courts in the list on the left. And because there’s only room for 10 listings, we select only the ones in the center of the map. If you’d drag the map, the courts in the center would change, and the list on the left would refresh. Just drag the map to search for courts. And if you clicked on the court name link in the tooltip (2), you’d land on the court’s profile page, in this case it’s the South Austin Tennis Center.

South Austin Tennis Center Profile Page

South Austin Tennis Center Profile Page

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s