@geops/rvf-mobility-web-component 0.1.43 → 0.1.45

package/src/utils/createMobiDataBwWfsLayer.ts

@@ -1,155 +0,0 @@
-import { Feature, getUid } from "ol";
-import { GeoJSON } from "ol/format";
-import { Point } from "ol/geom";
-import VectorLayer, { Options } from "ol/layer/Vector";
-import { bbox as bboxStrategy } from "ol/loadingstrategy.js";
-import { Vector } from "ol/source";
-import { Circle, Fill, Icon, Stroke, Style, Text } from "ol/style";
-
-// @ts-expect-error -  load svg as data url
-import bicycle from "../icons/Bike/rvf_shared_bike.svg";
-// @ts-expect-error -  load svg as data url
-import car from "../icons/Car/rvf_shared_car.svg";
-// @ts-expect-error -  load svg as data url
-import cargo_bicycle from "../icons/CargoBike/rvf_shared_cargo_bike.svg";
-// @ts-expect-error -  load svg as data url
-import scooter from "../icons/Scooter/rvf_shared_scooter.svg";
-import { LAYER_PROP_IS_EXPORTING, PROVIDER_BY_FEED_ID } from "./constants";
-
-const iconByFormFactor = {
-  bicycle,
-  car,
-  cargo_bicycle,
-  scooter,
-};
-
-export const iconStyleByFormFactor = {};
-Object.entries(iconByFormFactor).forEach(([key, value]) => {
-  iconStyleByFormFactor[key] = new Style({
-    image: new Icon({
-      src: value,
-    }),
-  });
-});
-
-export const getCircleStyle = (color: string) => {
-  return new Style({
-    image: new Circle({
-      displacement: [12, 12],
-      fill: new Fill({
-        color: "white",
-      }),
-      radius: 9,
-      stroke: new Stroke({
-        color: color,
-        width: 1,
-      }),
-    }),
-    text: new Text({
-      fill: new Fill({
-        color: color,
-      }),
-      font: "bolder 10px arial",
-      offsetX: 12,
-      offsetY: -11,
-    }),
-  });
-};
-
-const getCompanyNameTextStyle = (feedId: string) => {
-  const offsetY =
-    feedId === "naturenergie_sharing" || feedId === "gruene_flotte_freiburg"
-      ? 25
-      : 20;
-  return new Style({
-    text: new Text({
-      declutterMode: "declutter",
-      fill: new Fill({ color: "rgba(6, 76, 10, 1)" }),
-      font: "bold 12px/1.1 source-sans-pro",
-      offsetY,
-      stroke: new Stroke({ color: "white", width: 4 }),
-      text: PROVIDER_BY_FEED_ID[feedId] || feedId,
-      // textBaseline: "middle",
-    }),
-  });
-};
-
-function createMobiDataBwWfsLayer(
-  name: string,
-  color: string,
-  layerOptions: Options = {
-    minZoom: 0,
-  },
-): VectorLayer<Vector<Feature<Point>>> {
-  const source = new Vector({
-    format: new GeoJSON({
-      dataProjection: "EPSG:4326",
-      featureProjection: "EPSG:3857",
-    }),
-    strategy: bboxStrategy,
-    url: function (extent) {
-      return (
-        "https://api.mobidata-bw.de/geoserver/MobiData-BW/" +
-        name +
-        "/ows" +
-        "?service=WFS&" +
-        "version=1.1.0&request=GetFeature&typename=" +
-        "MobiData-BW:" +
-        name +
-        "&" +
-        "outputFormat=application/json&" +
-        "bbox=" +
-        extent.join(",") +
-        ",EPSG:3857"
-      );
-    },
-  });
-
-  const style = getCircleStyle(color);
-
-  const layer = new VectorLayer({
-    // @ts-expect-error - custom properties
-    isQueryable: true,
-    // declutter: true,
-    source: source,
-    ...layerOptions,
-  });
-
-  const styleFunction = (feature: Feature) => {
-    if (layer.get(LAYER_PROP_IS_EXPORTING)) {
-      return null;
-    }
-    const circleStyle = style.clone();
-
-    const numVehiclesAvailable = feature
-      .get("num_vehicles_available")
-      ?.toString();
-    circleStyle.getText().setText(numVehiclesAvailable);
-
-    const formFactor = (feature.getId() as string)
-      .split(".")[0]
-      .replace("sharing_stations_", "");
-
-    const feedId = feature.get("feed_id").replace("-", "_"); // to handle id's like gruene-flotte_freiburg
-
-    const styles = [
-      iconStyleByFormFactor[formFactor],
-      getCompanyNameTextStyle(feedId),
-      circleStyle,
-    ];
-
-    styles.forEach((style) => {
-      style.setZIndex(parseInt(getUid(feature), 10));
-    });
-
-    return styles;
-  };
-
-  source.on("addfeature", function (event) {
-    const feature = event.feature;
-    feature.setStyle(styleFunction);
-  });
-  return layer;
-}
-
-export default createMobiDataBwWfsLayer;