title: Switch locations on google map using a dropdown
body: <p>I'm new to google maps, and I have a map with multiple markers, and I want to switch between them using a dropdown menu.</p>
  
  <p>I'm using this code to populate the dropdown menu with the markers' title:</p>
  
  <pre class="lang-js prettyprint-override"><code>// select a marker from dropdown menu
  $("select#mySelect").change(function(){ 
        gotoMarker($(this).val()); 
  });
  
  function makeMarkerList() {
          var options = "";
          $("select#mySelect").empty();
          for (var i in markers) {
              options += "&lt;option value='" + i + "'&gt;" + markers[i].map.title + "&lt;/option&gt;";
          }
          $("select#mySelect").html(options);
  }
  </code></pre>
  
  <p>This is what I have so far <a href="http://jsfiddle.net/ymLvv/157/" rel="nofollow">jsfiddle</a></p>
  
  <p>this shows a dropdown menu above the map, but I don't know how to get the markers titles in the dropdown menu.</p>
  
  <p>I appreciate your help.</p>
  
  <p>Thank you.</p>