title: Dropdown Menu using the 'storeLocator.Feature' in the Store Locator Library for Maps API
body: <p>Is there any way of using a <strong>Dropdown Menu</strong> as opposed to the checkbox's that are used in the examples of the <a href="http://storelocator.googlecode.com/git/index.html?utm_campaign=sl&amp;utm_source=youtube" rel="nofollow">Store Locator Library for Maps API</a>. The checkbox is a 'storeLocator.Feature' item.</p>
  
  <p>Essentially I want the user to be able to select an item from the dropdown list and this instantly change the markers on the map.</p>
  
  <p>I am very new to Javascript coding but experienced in CSS, HTML and other computer languages. I have followed the examples in the link fairly closely so you can assume my own code looks the same. –</p>
  
  <p>Here is the section of code i think i have to edit:</p>
  
  <pre><code>DataSource.prototype.parse_ = function(csv) {
  var stores = [];
  var rows = csv.split('\n');
  var headings = this.parseRow_(rows[0]);
  
  for (var i = 1, row; row = rows[i]; i++) {
  row = this.toObject_(headings, this.parseRow_(row));
  var features = new storeLocator.FeatureSet;  
  features.add(this.FEATURES_.getById('Cafe-' + row.Cafe));
      features.add(this.FEATURES_.getById('Wheelchair-' + row.Wheelchair));
      features.add(this.FEATURES_.getById('Audio-' + row.Audio));
  
  var position = new google.maps.LatLng(row.Ycoord, row.Xcoord);
  
  var shop = this.join_([row.Shp_num_an, row.Shp_centre], ', ');
  var locality = this.join_([row.Locality, row.Postcode], ', ');
  
  var store = new storeLocator.Store(row.uuid, position, features, {
    title: row.Fcilty_nam,
    address: this.join_([shop, row.Street_add, locality], '&lt;br&gt;'),
    hours: row.Hrs_of_bus
  });
  stores.push(store);
  }
  return stores;
  };
  </code></pre>
  
  <p>Thanks.</p>