Make Google Maps Static API key optional.

Author: tfe

.env.example

@@ -10,5 +10,6 @@ TR_API_KEY=yourapikey
 TR_BASE_URI=https://www.taskrabbit.com
 
 # Google Static Maps API Key (https://developers.google.com/maps/documentation/javascript/tutorial#api_key)
-# An API key is not required to use the Google Static Maps API, but this app is set up to use one.
+# An API key is not required to use the Google Static Maps API, but there is a 640px max size limit
+# when using it without a key (map on the new order page is 700px wide).
 GMAPS_STATIC_API_KEY=yourgmapsapikey

app/assets/javascripts/burgertome.js

@@ -27,7 +27,10 @@ BurgerToMe = {
     var zoom   = 12;
     var size   = "700x200";
 
-    var map_image_base_url = "//maps.googleapis.com/maps/api/staticmap?size="+size+"&maptype=roadmap&sensor=false&key="+this.GMAPS_STATIC_API_KEY;
+    var map_image_base_url = "//maps.googleapis.com/maps/api/staticmap?size="+size+"&maptype=roadmap&sensor=false";
+    if (this.GMAPS_STATIC_API_KEY) {
+      map_image_base_url += "&key="+this.GMAPS_STATIC_API_KEY
+    }
 
     var field_name_map = _({ // this object maps our form fields to google maps place object fields
       'address_address': ['street_number', 'route'],

app/views/orders/show.html.erb

@@ -46,7 +46,7 @@
     <section class="location boxed">
       <header>Deliver To: <span class="address"><%= @order.location %></span></header>
       <article>
-        <img class="location_map" src="//maps.googleapis.com/maps/api/staticmap?size=700x200&center=<%= @order.lat_lng_for_url %>&markers=size:large%7Ccolor:red%7C<%= @order.lat_lng_for_url %>&zoom=15&maptype=roadmap&sensor=false&key=<%= ENV['GMAPS_STATIC_API_KEY'] %>">
+        <img class="location_map" src="//maps.googleapis.com/maps/api/staticmap?size=700x200&center=<%= @order.lat_lng_for_url %>&markers=size:large%7Ccolor:red%7C<%= @order.lat_lng_for_url %>&zoom=15&maptype=roadmap&sensor=false<%= "&key=#{ENV['GMAPS_STATIC_API_KEY']}" if ENV['GMAPS_STATIC_API_KEY'] %>">
       </article>
     </section>
   </div>