Beer Mapping Informational Widgets

We have now added yet another way that you can take content from The Beer Mapping Project and add it to your site.

Our newest “Widget” will contain pertinent information about a location in our database. All locations are available to be used in a widget, you simply have to click the proper link on the review page to have the ability to copy and paste the code into your site.

The code for this widget is all in javascript, so you don’t have to worry about iframes or php code. We have done our best to ensure that this widget will not interfere with any other css or styling that is being used on your page.

For an example, of how the widget works, you can check it out in use below. We have selected the Russian River Brewing Company. All you have to do is click the “widget button” (image of review button below) on the review page of a location you are interested in featuring, then copy and paste the code into the html (or blog post) of your site.

click to see the widget code creator

The widget will show phone number and address information, the url of the location featured, a thumbnail of the highest scored image we have in our database for that location, and it will also display the coordinates available that will serve as a link to this location on a map.

The widget will conform to the height of the thumbnail image (unless closed) and it will conform to the width of the area of your site where the code for the widget is placed.

p.s. I stole the idea and a lot of the code from crunchbase. I hope they don’t sue me!

pass The Beer Mapping Project along: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • E-mail this story to a friend!
  • TwitThis
  • Google
  • Live
  • YahooMyWeb
  • Technorati
  • Facebook
  • Reddit
  • StumbleUpon
  • del.icio.us
  • Fark
  • Furl
  • Ma.gnolia

4 Responses to “Beer Mapping Informational Widgets”

  • rommel Says:
    May 27th, 2008 at 1:49 am

    Neat widget. It is good that it shows all the information on an object or company.

  • rommel Says:
    May 27th, 2008 at 1:51 am

    What js framework do you use?

  • beerinator Says:
    May 27th, 2008 at 8:00 am

    We are not using any javascript framework for this application.

    Note: if you set this up on your site, yesterday or this morning, you will probably need to re-download the code for the widget. I had to make a small adjustment in how it was being displayed. I hope that I won’t have to touch the code again, so after this point you should be safe.

  • TBC Says:
    July 17th, 2008 at 11:03 am

    Pretty cool! I’m going to play around with this widget on my site.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Advertise Here

Most Recent Review
Forums | Brewery Maps | City Maps
Add this Map to Your Google Homepage


Advertise Here