title: Removing Map Pin with Search
body: <p>I'm trying to create a search bar that filters out items from a list if they do not match the search query. The additional functionality that I'm trying to add is that if it doesn't match the search query it removes the pins from the map as well.</p>
  
  <p>This is what I have right now and it works for removing the names along the top of the page, but id like it to remove the pins also. I'm wondering how to go about this.</p>
  
  <pre><code>self.pins = ko.observableArray([
    new self.mapPin("Waterloo Station", 51.503035, -0.112326, "test3""),
    new self.mapPin("King's Cross Station", 51.530984, -0.122583, "test2"),
    new self.mapPin("Putney Bridge", 51.468050, -0.209081, "test1")
  ]);
  
  self.query = ko.observable('');
  
  self.filterPins = ko.computed(function () {
      var search = self.query().toLowerCase();
      return ko.utils.arrayFilter(self.pins(), function (pin) {
          return pin.name().toLowerCase().indexOf(search) &gt;= 0;
      });
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input data-bind="value: query, valueUpdate: 'keyup'" autocomplete="off" type="text" class="form-control" placeholder="Filter Locations"&gt;
  
          &lt;ul data-bind="foreach: filterPins" class="nav navbar-nav" class=" nav navbar-nav"&gt;
              &lt;li class="active"&gt;
                  &lt;a data-bind="text: name"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Any help would be appreciated!</p>