react-native-maplibre-lite 0.1.2 → 0.1.4

package/src/components/webFunctions/initWeb.ts

@@ -1,155 +0,0 @@
-export default  /*js*/`
-
-  if(functionName === 'init') {
-
-            function simplifyStyle(mapInstance, aggressive){
-              if(!mapInstance) return;
-              var style = mapInstance.getStyle();
-              var layers = style && style.layers ? style.layers : [];
-              for(var i = 0; i < layers.length; i++){
-                var layer = layers[i];
-                var layerId = layer.id;
-                var layerType = layer.type;
-                var shouldHide = false;
-
-                if(layerType === 'symbol' || layerType === 'fill-extrusion' || layerType === 'hillshade'){
-                  shouldHide = true;
-                }
-
-                if(aggressive && (layerType === 'line' || layerType === 'circle')){
-                  var layerIdLower = String(layerId || '').toLowerCase();
-                  if(
-                    layerIdLower.indexOf('road-label') !== -1 ||
-                    layerIdLower.indexOf('poi') !== -1 ||
-                    layerIdLower.indexOf('label') !== -1 ||
-                    layerIdLower.indexOf('boundary') !== -1 ||
-                    layerIdLower.indexOf('admin') !== -1
-                  ){
-                    shouldHide = true;
-                  }
-                }
-
-                if(shouldHide){
-                  try{
-                    mapInstance.setLayoutProperty(layerId, 'visibility', 'none');
-                  } catch (_) {}
-                }
-              }
-            }
-
-            function setOverlayLayersVisibility(mapInstance, visibility){
-              if(!mapInstance) return;
-              var style = mapInstance.getStyle();
-              var layers = style && style.layers ? style.layers : [];
-              for(var i = 0; i < layers.length; i++){
-                var layer = layers[i];
-                var layerId = String(layer.id || '');
-                var isCustomOverlay =
-                  layerId.indexOf('-polylines-layout') !== -1 ||
-                  layerId.indexOf('-polygons-fill') !== -1 ||
-                  layerId.indexOf('-polygons-stroke') !== -1;
-
-                if(isCustomOverlay){
-                  try{
-                    mapInstance.setLayoutProperty(layerId, 'visibility', visibility);
-                  } catch (_) {}
-                }
-              }
-            }
-
-
-
-
-             map = new maplibregl.Map({
-            container: 'map',
-            style: params.mapStyle,
-              center: params.center,
-              zoom: params.zoom,
-              scrollZoom: params.scrollEnabled,
-              doubleClickZoom: params.zoomEnabled,
-              touchZoomRotate: params.zoomEnabled,
-              minZoom: params.minZoom,
-              maxZoom: params.maxZoom,
-              dragPan: params.scrollEnabled,
-              dragRotate: params.zoomEnabled,
-              antialias: params.antialias ?? false,
-              crossSourceCollisions: params.crossSourceCollisions ?? true,
-              fadeDuration: params.fadeDuration ?? 120,
-              pixelRatio: params.pixelRatio,
-              renderWorldCopies: params.renderWorldCopies ?? true
-              });
-
-              if (typeof params.maxPitch === 'number') {
-                map.setMaxPitch(params.maxPitch);
-              }
-
-              if (params.maxPitch === 0) {
-                map.dragRotate.disable();
-                map.touchZoomRotate.disableRotation();
-              }
-
-
-
-                function getEventParams(){
-                    if(!map) return {
-                        center: null,
-                        zoom: null
-                    }
-                    var center = map.getCenter(); 
-                    var zoom = map.getZoom();
-
-
-                    return {
-                        center: center,
-                        zoom: zoom
-                    }
-                }
-
-                map.on('error', function(event){
-
-                 
-                    window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'error', params: event }));
-                })
-                            
-              //movestart moveend
-              map.on("movestart", function(event){
-                if(params.turboWhileMoving){
-                  setOverlayLayersVisibility(map, 'none');
-                }
-                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'movestart', params: getEventParams() }));
-              })
-              map.on("moveend", function(event){
-                if(params.turboWhileMoving){
-                  setOverlayLayersVisibility(map, 'visible');
-                }
-                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'moveend', params: getEventParams() }));
-              })
-              /*zoomstart zoomend*/
-              map.on("zoomstart", function(event){
-                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'zoomstart', params: getEventParams() }));
-              })
-              map.on("zoomend", function(event){
-                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'zoomend', params: getEventParams() }));
-              })
-            
-
-              map.on("idle", function(event){
-                  window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'idle', params: getEventParams() }));
-              })
-           
-          
-           
-
-
-              map.on('load', function () {
-                if(params.simplifyStyle){
-                  simplifyStyle(map, Boolean(params.aggressiveSimplifyStyle));
-                }
-            
-                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'inited' }));
-              });
-
-
-               
-}
-`

package/src/components/webFunctions/removeMarkerWeb.ts

@@ -1,9 +0,0 @@
-export default  /*js*/`
-
-                if(functionName === 'removeMarker') {
-                    if(markers[params.uniqueId]){
-                        markers[params.uniqueId].remove();
-                        delete markers[params.uniqueId];
-                    }
-                }
-            `

package/src/components/webFunctions/removePolygonWeb.ts

@@ -1,19 +0,0 @@
-export default  /*js*/`
-
-if(functionName === 'removePolygon') {
-    var sourceId = params.uniqueId + '-polygons-source';
-    var fillLayerId = params.uniqueId + '-polygons-fill';
-    var strokeLayerId = params.uniqueId + '-polygons-stroke';
-
-    if(map.getLayer(strokeLayerId)) {
-        map.removeLayer(strokeLayerId);
-    }
-    if(map.getLayer(fillLayerId)) {
-        map.removeLayer(fillLayerId);
-    }
-    if(map.getSource(sourceId)) {
-        map.removeSource(sourceId);
-    }
-
-}
-`

package/src/components/webFunctions/removePolylineWeb.ts

@@ -1,14 +0,0 @@
-export default  /*js*/`
-
-                if(functionName === 'removePolyline') {
-                    var sourceId = params.uniqueId + '-polylines-source';
-                    var layerId = params.uniqueId + '-polylines-layout';
-
-                    if(map.getLayer(layerId)) {
-                        map.removeLayer(layerId);
-                    }
-                    if(map.getSource(sourceId)) {
-                        map.removeSource(sourceId);
-                    }
-                }
-            `;

package/src/components/webFunctions/updateWeb.ts

@@ -1,75 +0,0 @@
-export default /*js*/`
-
-  function centersAreEqual(a, b, epsilon = 1e-6) {
-    return (
-      Math.abs(a.lng - b[0]) < epsilon &&
-      Math.abs(a.lat - b[1]) < epsilon
-    );
-  }
-
-  if(functionName === 'update') {
-
-    /*  if(params && params.center) {
-          var newCenter = params.center;
-          var currentCenter = map.getCenter();
-
-          if (!centersAreEqual(currentCenter, newCenter)) {
-              map.setCenter(newCenter);
-          }
-      }
-
-      if(params && params.zoom != null) {
-          var newZoom = params.zoom;
-          var currentZoom = map.getZoom();
-
-          if(currentZoom !== newZoom) {
-              map.setZoom(newZoom);
-          }
-      }*/
-
-      if(params && params.minZoom != null) {
-          var newMinZoom = params.minZoom;
-          var currentMinZoom = map.getMinZoom();
-
-          if(currentMinZoom !== newMinZoom) {
-              map.setMinZoom(newMinZoom);
-          }
-      }
-
-      if(params && params.maxZoom != null) {
-          var newMaxZoom = params.maxZoom;
-          var currentMaxZoom = map.getMaxZoom();
-
-          if(currentMaxZoom !== newMaxZoom) {
-              map.setMaxZoom(newMaxZoom);
-          }
-      }
-
-      if(params && params.zoomEnabled != null) {
-          if(params.zoomEnabled) {
-              map.doubleClickZoom.enable();
-              map.touchZoomRotate.enable();
-              map.dragRotate.enable();
-          } else {
-              map.doubleClickZoom.disable();
-              map.touchZoomRotate.disable();
-              map.dragRotate.disable();
-          }
-      }
-
-      if(params && params.scrollEnabled != null) {
-          if(params.scrollEnabled) {
-              map.scrollZoom.enable();
-              map.dragPan.enable();
-          } else {
-              map.scrollZoom.disable();
-              map.dragPan.disable();
-          }
-      }
-
-      if(params && params.mapStyle) {
-          map.setStyle(params.mapStyle);
-      }
-
-  }
-`;