javascript - Store Locator Library for Maps API の「storeLocator.Feature」を使用したドロップダウン メニュー

Question

Store Locator Library for Maps APIの例で使用されているチェックボックスとは対照的に、ドロップダウン メニューを使用する方法はありますか。チェックボックスは「storeLocator.Feature」項目です。

基本的に、ユーザーがドロップダウン リストからアイテムを選択できるようにしたいと考えています。これにより、マップ上のマーカーが即座に変更されます。

私は Javascript コーディングは初めてですが、CSS、HTML、およびその他のコンピューター言語の経験があります。リンク内の例をかなり厳密にたどったので、自分のコードが同じように見えると想定できます。–</p>

編集する必要があると思われるコードのセクションは次のとおりです。

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], '<br>'),
  hours: row.Hrs_of_bus
});
stores.push(store);
}
return stores;
};

ありがとう。