const addPointAndFocus = () => {
  if (lat && lon) {
    vectorSource
      .getFeatures()
      .forEach((feature) => vectorSource.removeFeature(feature));
    vectorSource.addFeature(
      new Feature({
        geometry: new Point([lat, lon]),
        name: 'Point',
      })
    );
    map.setView(
      new View({
        center: [lat, lon],
        zoom:
          (map.getView().getZoom() || 0) > 8
            ? map.getView().getZoom()
            : 8,
      })

    );
  }
};