Make venue map image static rather than an embedded Google map

[kpshek]

Currently, the venue map image is an embedded Google map. This is annoying on small form factor screens where swiping unintentionally zooms the Google map rather than scroll the page.

Additionally, the page load time for this embedded Google map is around 800-1000ms which is excessive.

My proposal:

• Make the current embedded Google map a static image
• Either hyperlink the static image or create a new hyperlink that opens up a Google map page

[sambao21]

Rather than doing that we should use the google static api. It gets rid of all the other contextual info links, and the "sign in" button, and zoom buttons. I don't think we would want these since you can't click any of them.

I am using:

<a href="http://www.google.com/maps/place/Kansas+City+Marriott+Downtown/@39.100269,-94.586282,16z/data=!4m2!3m1!1s0x0:0x9ccdfaf81d70a39b?hl=en-US" target="_blank">
  <img src="https://maps.googleapis.com/maps/api/staticmap?center=Kansas%20City%20Marriott%20Downtown%20200%20W%2012th%20St%20Kansas%20City,%20MO%2064105&size=600x450&zoom=16&markers=color:red%7Clabel:M%7CKansas%20City%20Marriott%20Downtown%20200%20W%2012th%20St%20Kansas%20City,%20MO%2064105&key=AIzaSyB1ka1HSezM6HW02Zo1J_oGCp7HhPKal0I" alt="Kansas City Marriott Downtown Map" />
</a>

However, when I try to use it, I get a 403. It works when I just copy the url into browser, but not when I'm running locally on the page. I think it might be something to do with the key. Can you verify that is correct key?