aboutsummaryrefslogtreecommitdiffstats
path: root/sdnr/wt/odlux/apps/lineOfSightApp/src/utils/map.ts
diff options
context:
space:
mode:
Diffstat (limited to 'sdnr/wt/odlux/apps/lineOfSightApp/src/utils/map.ts')
-rw-r--r--sdnr/wt/odlux/apps/lineOfSightApp/src/utils/map.ts103
1 files changed, 103 insertions, 0 deletions
diff --git a/sdnr/wt/odlux/apps/lineOfSightApp/src/utils/map.ts b/sdnr/wt/odlux/apps/lineOfSightApp/src/utils/map.ts
new file mode 100644
index 000000000..abdd27ed2
--- /dev/null
+++ b/sdnr/wt/odlux/apps/lineOfSightApp/src/utils/map.ts
@@ -0,0 +1,103 @@
+/**
+ * ============LICENSE_START========================================================================
+ * ONAP : ccsdk feature sdnr wt odlux
+ * =================================================================================================
+ * Copyright (C) 2021 highstreet technologies GmbH Intellectual Property. All rights reserved.
+ * =================================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License
+ * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
+ * or implied. See the License for the specific language governing permissions and limitations under
+ * the License.
+ * ============LICENSE_END==========================================================================
+ */
+
+import * as mapboxgl from "mapbox-gl";
+import { LatLon } from "../model/LatLon";
+
+
+export const addBaseSource = (map : mapboxgl.Map, name: string) =>{
+
+ if(!map.getSource(name))
+
+ map.addSource(name, {
+ type: 'geojson',
+ data: { type: "FeatureCollection", features: [] }
+ });
+
+}
+
+export const addPoint = (map : mapboxgl.Map, point: LatLon) =>{
+ const json = `{
+ "type": "Feature",
+ "properties": {},
+ "geometry": {
+ "type": "Point",
+ "coordinates":
+ [${point.longitude}, ${point.latitude}]
+ }
+ }`;
+
+
+ (map.getSource("route") as mapboxgl.GeoJSONSource).setData(JSON.parse(json));
+}
+
+export const addBaseLayer = (map: mapboxgl.Map, sourceName: string) =>{
+
+ if(!map.getLayer('line'))
+ map.addLayer({
+ 'id': 'line',
+ 'type': 'line',
+ 'source': sourceName,
+ 'layout': {
+ 'line-join': 'round',
+ 'line-cap': 'round'
+ },
+ 'paint': {
+ 'line-color': '#88A',
+ 'line-width': 6,
+ 'line-opacity': 0.75
+ }
+ });
+
+ if(!map.getLayer('points'))
+ map.addLayer({
+ id: 'points',
+ type: 'circle',
+ source: sourceName,
+ paint: {
+ 'circle-radius': 5,
+ 'circle-color': '#223b53',
+ 'circle-stroke-color': '#225ba3',
+ 'circle-stroke-width': 3,
+ 'circle-opacity': 0.5
+ }
+ });
+}
+
+export const calculateDistanceInMeter = (lat1: number, lon1: number, lat2: number, lon2: number) => {
+ const lonRad1 = toRad(lon1);
+ const latRad1 = toRad(lat1);
+ const lonRad2 = toRad(lon2);
+ const latRad2 = toRad(lat2);
+
+ const dLon = lonRad2 - lonRad1;
+ const dLat = latRad2 - latRad1;
+ const a = Math.pow(Math.sin(dLat / 2), 2) +
+ Math.cos(latRad1) * Math.cos(latRad2) *
+ Math.pow(Math.sin(dLon / 2), 2);
+
+ const c = 2 * Math.asin(Math.sqrt(a));
+
+ return 6378 * c;
+
+ }
+
+ function toRad(value: number) {
+ return (value * Math.PI) / 180;
+ }
+ \ No newline at end of file