title: Add infoWindow bubble on clicking Google Maps marker
body: <p>I'd like to add an <strong>infoWindow</strong> so when I click a marker it displays the title &amp; description in a nice little window bubble.</p>
  
  <p>Using my existing code, can someone give me a little help with how to achieve this?</p>
  
  <p>'park_data' is an array I'm storing the title, longitude &amp; latitude &amp; description of each park in the city.</p>
  
  <p><strong><em>Javascript</em></strong></p>
  
  <pre><code>    // controls the display of the park (the result)
      var ParkView = Backbone.View.extend({
      tagName: "article",
      className: "park-container",
      template: $("#parkTemplate").html(),
  
      render: function () {
  
          console.log(window.map)
          var marker = new google.maps.Marker({
            map: window.map,
            position: new google.maps.LatLng(this.model.get("lat"), this.model.get("lng")),
            title: this.model.get("title"),
            icon: window.park_icon
          });
  
          if(this.model.collection.length == 1){
            window.map.setCenter(new google.maps.LatLng(this.model.get("lat"), this.model.get("lng")))
          } else {
  
              var latlng = new google.maps.LatLng(marker.position.lat(), marker.position.lng() );
              bounds.extend(latlng);
  
          }
  
          console.log("map - here!")
  
          var tmpl = _.template(this.template);
          //console.log(this.model)
          this.$el.html(tmpl(this.model.toJSON()));
          return this;
      }
  });
  
  
  var MapView = Backbone.View.extend({
  
      initialize: function () {
          this.collection = new ParkCollection(park_data); //// array is generated in a separate file
          this.render();
  
      },
  
      render: function () {
  
      }
  });
  </code></pre>
  
  <p>I'm using <strong>Google Maps 3.8.1</strong>.</p>
  
  <p>My array 'park_data' is dynamically generated with PHP and looks a bit like this:</p>
  
  <pre><code>var park_data = [{"title":"Central Park", "lat":"55.8546658", "lng":"-4.241034300000024", "desc":"Description goes here"}]
  </code></pre>
  
  <p>Many thanks for any help.</p>