Карта перезагрузки ngx-leaflet после изменения выбранного значения в выпадающем списке

Question

У меня есть Dropbox с несколькими уравнениями (например, км, м, см). Изначально карта загружена со значениями км.

 <div leaflet style="height: 800px; width: 100%" 
  [leafletOptions]="options" 
  (leafletMapReady)="onMapReady($event)" 
  [leafletBaseLayers]="baseLayers"
  [leafletMarkerCluster]="markerClusterData" 
  [leafletMarkerClusterOptions]="markerClusterOptions"
  (leafletMarkerClusterReady)="markerClusterReady($event)">
</div>

Если пользователь выбирает счетчик, я хотел бы перезагрузить / обновить карту с новыми расчетами (например, км *1000). В основном, хотелось бы обновить всплывающее окно и легенду, но вполне нормально для полной перезагрузки карты. Как создать событие для перезагрузки карты с новыми значениями? Спасибо

Answer 1

Я не уверен, что полностью понимаю ваш вопрос, но, может быть, так?

В шаблоне HTML:

<select (change)="changed($event)">
  <option value="km">km</option>
  <option value="m">m</option>
  <option value="cm">cm</option>
</select>

И в файле TS:

changed($event) {
 reloadWithUnits($event.srcElement.value);
}

За @angular/material:

<mat-select (valueChange)="changedMat($event)" placeholder="Select units">
  <mat-option value="km">km</mat-option>
  <mat-option value="m">m</mat-option>
  <mat-option value="cm">cm</mat-option>
</mat-select>

и TS:

changedMat($event) {
 reloadWithUnits($event);
}

В reloadWithUnits(); Я бы попробовал поменять options или где бы ни были единицы. Он должен быть обнаружен как измененный, поскольку он является входным параметром для листовки.