F. Oliver's Map Thumbnail

Responsive Google Map Mashups and GIS (Part 1)

I was playing around with Responsive Google Map Mashups and learning about Geographic Information Systems (GIS) this morning. As an experiment, I mapped out the four store locations of my client, F. Oliver’s Oils and Vinegars in Google Maps.

The coolest part is, the data is pulled from your Google Drive account, so you can edit the map at any point and your embedded map will automatically be updated. This is great, because Penelope has this habit of opening up a new store every year or so. 🙂

You can click on the title header to reveal (and hide) more details, and each individual pin can contain it’s own unique title, description, driving directions, URL, and a photo. You can even add your own unique “pin” icon…I added an icon of one of her EVOO bottles. Super simple, and no access to Google API keys required.

How to Make a Google Map iFrame Mobile Responsive

Out of the box, Google’s embedded map snippet is non-responsive, but it’s easy enough just to wrap a DIV around it to fix that. I added the code inline right here within the WordPress editor, but best practice would be to add the following CSS rule to your website’s stylesheet. I did notice that the photos within each pin do not resize, so on my iPhone the photo entirely fills the screen and renders the map almost unusable. I did leave the photos in (above example) for illustration purposes, but in a production environment we would need to design something more useful for smaller mobile devices.

Next up….Advanced Map Mashups using Excel spreadsheets and Google Fusion Tables.

Crema Thumbnail

Morning Fix

Add a pat of grass-fed Irish butter and a tablespoon of coconut oil and you are good to go all morning long. Breakfast of Champions. @louahorton @stevencoronacrema

hippodrome thumbnail

Welcome to the Hippodrome

I was on my daily #BMORE walk when I came across this cool looking theater sign with an even cooler sounding name. Apparently it was a former vaudeville theater built in the early 1900’s. Fun fact: Frank Sinatra first performed with the Tommy Dorsey Orchestra right here at the Hippodrome. I had Public Enemy’s “Welcome to the Terrordome” stuck in my head for the rest of the day.

meta: 1/250 sec / f2.8 / ISP 80 / iPhone 4 w/ transfer filter applied

Hippodrome Theatre

39° 17′ 23.472″ N / Longitude: 76° 37′ 14.562″ W