<div class="ui container">
  {{#leaflet-map lat=40.7071266 lng=-74 zoom=10}}
    {{tile-layer url="http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png"}}
    {{#geojson-layer geoJSON=model fillColor='orange' weight=1 onClick=(action "handleClick") onMouseover=(action "handleMouseover")}}
      {{#tooltip-layer}}
        <p>{{tooltip-text}}</p>
      {{/tooltip-layer}}
    {{/geojson-layer}}
  {{/leaflet-map}}
  {{outlet}}
</div>

<div class="ui container">
  <div class="ui menu">
    <div class="item">
      {{link-to 'Home' 'index'}}
    </div>
    <div class="right menu">
      <div class="item">
        {{#ui-dropdown class="search selection" allowAdditions=true selected=selected_type_addition onChange=(route-action 'transitionToProfile') as |execute mapper|}}
          <div class="default text">Districts</div>
          <i class="dropdown icon"></i>
          <div class="menu">
            <div class="item" data-value="">All Items</div>
            {{#each model.features as |profile|}}
              <div class="item" data-value="{{map-value mapper (hash boro=(dasherize profile.properties.boro) borocd=profile.properties.borocd)}}">
                {{profile.properties.boro}} {{profile.properties.borocd}}
              </div>
            {{/each}}
          </div>
        {{/ui-dropdown}}
      </div>
    </div>
  </div>
  {{#leaflet-map lat=40.7071266 lng=-74 zoom=10}}
    {{tile-layer url="http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png"}}
    {{#geojson-layer geoJSON=model fillColor='orange' weight=1 onClick=(action "handleClick") onMouseover=(action "handleMouseover")}}
      {{#tooltip-layer}}
        <p>{{tooltip-text}}</p>
      {{/tooltip-layer}}
    {{/geojson-layer}}
  {{/leaflet-map}}
  {{outlet}}
</div>

Add dropdown menu with typeahead
Add dropdown menu with typeahead
