mobility-toolbox-js 2.0.0-beta.6 → 2.0.0-beta.8

package/src/doc/components/examples/ol-tracker.js

@@ -1,44 +0,0 @@
-import { Map, View } from 'ol';
-import {
-  TralisLayer,
-  MaplibreLayer,
-  CopyrightControl,
-  trackerDelayStyle,
-} from '../../ol';
-import { sortByDelay } from '../../common/utils';
-import 'ol/ol.css';
-
-export default () => {
-  const map = new Map({
-    target: 'map',
-    view: new View({
-      center: [831634, 5933959],
-      zoom: 13,
-    }),
-    controls: [],
-  });
-
-  const control = new CopyrightControl();
-  control.map = map;
-
-  const layer = new MaplibreLayer({
-    url: 'https://maps.geops.io/styles/travic_v2/style.json',
-    apiKey: window.apiKey,
-  });
-  layer.init(map);
-
-  const tracker = new TralisLayer({
-    url: 'wss://api.geops.io/tracker-ws/v1/',
-    apiKey: window.apiKey,
-    style: trackerDelayStyle,
-    sort: sortByDelay,
-  });
-  tracker.init(map);
-
-  tracker.onClick(([feature]) => {
-    if (feature) {
-      // eslint-disable-next-line no-console
-      console.log(feature.getProperties());
-    }
-  });
-};

package/src/doc/components/examples/ol-tracker.md

@@ -1 +0,0 @@
-Follow [this link](https://developer.geops.io/) to get information about the API and how to get an API key.

package/src/doc/components/examples/ol-tralis.html

@@ -1,5 +0,0 @@
-<div id="map" style="width: 100%; height: 100%;"></div>
-<button id="button">Show/hide</button>
-<button id="close">Kill</button>
-<button id="bbox">Send same bbox</button>
-<button id="terminate">terminate</button>

package/src/doc/components/examples/ol-tralis.js

@@ -1,57 +0,0 @@
-import View from 'ol/View';
-import Map from 'ol/Map';
-import { TralisLayer, MapboxLayer, CopyrightControl } from '../../ol';
-
-export default () => {
-  const map = new Map({
-    target: 'map',
-    view: new View({
-      // center: max,
-      center: [831634, 5933959],
-      zoom: 13,
-      // center: fromLonLat([7.841148, 47.996542]), // freiburg
-      // center: fromLonLat([11.55, 48.14]), // munich
-    }),
-    controls: [],
-  });
-
-  const control = new CopyrightControl();
-  control.map = map;
-
-  const layer = new MapboxLayer({
-    url: 'https://maps.geops.io/styles/travic_v2/style.json',
-    apiKey: window.apiKey,
-  });
-  layer.init(map);
-
-  const tracker = new TralisLayer({
-    url: 'wss://api.geops.io/tracker-ws/v1/',
-    apiKey: window.apiKey,
-    // bbox: [1152072, 6048052, 1433666, 6205578],
-    isUpdateBboxOnMoveEnd: true,
-    visible: true,
-    tenant: 'sbb',
-    // projection: 'EPSG:3857',
-    // regexPublishedLineName: '^(S|R$|RE|PE|D|IRE|RB|TER)',
-  });
-  tracker.init(map);
-  tracker.onClick(([feature]) => {
-    if (feature) {
-      // eslint-disable-next-line no-console
-      console.log(feature.getProperties());
-    }
-  });
-  document.getElementById('button').onclick = () => {
-    tracker.setVisible(!tracker.visible);
-  };
-  document.getElementById('close').onclick = () => {
-    tracker.api.conn.websocket.close();
-    window.lastWs = tracker.api.conn.websocket;
-  };
-  document.getElementById('bbox').onclick = () => {
-    tracker.api.conn.websocket.send(`BBOX ${tracker.api.bbox.join(' ')}`);
-  };
-  document.getElementById('terminate').onclick = () => {
-    tracker.api.conn.websocket.terminate();
-  };
-};

package/src/doc/components/examples/tralis-live-map.html

@@ -1 +0,0 @@
-<div id="map" style="width: 100%; height: 100%;"></div>

package/src/doc/components/examples/tralis-live-map.js

@@ -1,51 +0,0 @@
-import { Map } from 'mapbox-gl';
-import { TralisLayer, CopyrightControl } from '../../mapbox';
-import 'maplibre-gl/dist/maplibre-gl.css';
-import LINE_IMAGES from './assets/tralis-live-map';
-
-export default () => {
-  const map = new Map({
-    container: 'map',
-    style: 'https://maps.geops.io/styles/travic_v2/style.json',
-    apiKey: window.apiKey,
-    center: [11.55, 48.14],
-    zoom: 10,
-    touchPitch: false,
-    pitchWithRotate: false,
-    attributionControl: false,
-  });
-
-  const control = new CopyrightControl();
-  control.map = map;
-
-  const cache = {};
-  const tracker = new TralisLayer({
-    url: 'wss://api.geops.io/realtime-ws/v1/',
-    isUpdateBboxOnMoveEnd: false,
-    apiKey: window.apiKey,
-    bbox: [1152072, 6048052, 1433666, 6205578],
-    style: (props) => {
-      let { name } = props.line || {};
-      if (!name || !LINE_IMAGES[name]) {
-        name = 'unknown';
-      }
-      if (!cache[name]) {
-        const img = new Image();
-        img.src = LINE_IMAGES[name];
-        img.width = 25 * window.devicePixelRatio;
-        img.height = 25 * window.devicePixelRatio;
-        cache[name] = img;
-      }
-      return cache[name];
-    },
-  });
-
-  tracker.onClick(([feature]) => {
-    if (feature) {
-      // eslint-disable-next-line no-console
-      console.log(feature.getProperties());
-    }
-  });
-
-  tracker.init(map);
-};

package/src/doc/components/examples/tralis-live-map.md

@@ -1,3 +0,0 @@
-This example uses the [geOps Realtime API](https://developer.geops.io/).
-
-Follow [this link](https://developer.geops.io/) to get information about the API and how to get an API key.