title: Google Maps search through my markers
body: <p>So I have two markers placed (will be more) and I have a search bar overtop of my map. I would like to be able to use this search bar to search keywords and have the map center on the marker with those keywords. I'm assuming I would do something along the lines of adding custom tags to my markers that would act as the keywords, but I am unsure how this would work since I am creating my markers in a for loop. I don't really know how to start implementing something like this. But here is my code to work with:</p>
  
  <pre><code>var locations = [
              ['Passage Island', 49.343085, -123.305938, 'http://tylerkohlhaas.github.io/waterscout/passage.html'],
              ['Point Atkinson', 49.329925, -123.264994, 'http://tylerkohlhaas.github.io/waterscout/patkinson.html']
          ];
  var i;
  
          for(i=0; i &lt; locations.length; i++)
          {
              var markers = new google.maps.Marker({
                  position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
                  map: map,
                  clickable: true,
                  url: locations[i][3],
                  zIndex: 1
              });
  
              google.maps.event.addListener(markers, 'click', function(){
                  window.location.href = this.url; 
              });
          }
  </code></pre>
  
  <p>And the html for my search bar is very basic:</p>
  
  <pre><code>&lt;form&gt;
              &lt;input type="search", class="SearchBar", placeholder="Search for an area", name="Search", target="_self", size=50&gt;
  </code></pre>
  
  <p>Any help or suggestions would be greatly appreciated!
              </p>