react-native-maplibre-lite 0.1.1 → 0.1.3

package/src/components/webFunctions/fitBoundsWeb.ts

@@ -1,8 +1,12 @@
 export default  /*js*/`
     if(functionName === 'fitBounds') {
+
+        var padding = (params && params.padding) ? params.padding : 40;
+        var duration = (params && params.duration) ? params.duration : 500;
+
         map.fitBounds(params.bounds, {
-            padding: 40,
-            duration: 1000
+            padding: padding,
+            duration: duration
         });
     }
 `;

package/src/components/webFunctions/flyToWeb.ts

@@ -0,0 +1,11 @@
+export const flyToWeb = /*js*/`
+    if(functionName === 'flyTo') {
+
+        var duration = (params && params.duration) ? params.duration : 500;
+        map.flyTo({
+            center: params.center,
+            zoom: params.zoom,
+            duration: duration
+        });
+    }
+`;

package/src/components/webFunctions/initWeb.ts

@@ -12,10 +12,40 @@ export default  /*js*/`
                 var layerType = layer.type;
                 var shouldHide = false;
 
-                if(layerType === 'symbol' || layerType === 'fill-extrusion' || layerType === 'hillshade'){
+                // Keep labels (streets / addresses) visible — hide only expensive visual layers by default.
+                if(layerType === 'fill-extrusion' || layerType === 'hillshade'){
                   shouldHide = true;
                 }
 
+                if(layerType === 'symbol' && aggressive){
+                  var idLower = String(layerId || '').toLowerCase();
+                  var sourceLayerLower = String(layer['source-layer'] || '').toLowerCase();
+
+                  // Keep road + address/house number labels.
+                  var keepLabel =
+                    idLower.indexOf('road') !== -1 ||
+                    idLower.indexOf('street') !== -1 ||
+                    idLower.indexOf('housenumber') !== -1 ||
+                    idLower.indexOf('house_number') !== -1 ||
+                    idLower.indexOf('house-number') !== -1 ||
+                    idLower.indexOf('address') !== -1 ||
+                    sourceLayerLower.indexOf('housenumber') !== -1 ||
+                    sourceLayerLower.indexOf('house') !== -1 ||
+                    sourceLayerLower.indexOf('address') !== -1;
+
+                  // Hide most POI/other symbols in aggressive mode.
+                  var hideSymbol =
+                    idLower.indexOf('poi') !== -1 ||
+                    idLower.indexOf('transit') !== -1 ||
+                    idLower.indexOf('airport') !== -1 ||
+                    idLower.indexOf('rail') !== -1 ||
+                    idLower.indexOf('ferry') !== -1;
+
+                  if(!keepLabel && hideSymbol){
+                    shouldHide = true;
+                  }
+                }
+
                 if(aggressive && (layerType === 'line' || layerType === 'circle')){
                   var layerIdLower = String(layerId || '').toLowerCase();
                   if(
@@ -58,23 +88,19 @@ export default  /*js*/`
             }
 
 
-             map = new maplibregl.Map({
-            container: 'map',
-            style: params.style,
-              //Moscow coordinates
-              center: params.center, // starting position [lng, lat]
-              zoom: params.zoom, // starting zoom
 
 
-              // общий выключатель
-              zoomControl: params.zoomEnabled,
-              // точнее
-              scrollZoom: params.scrollEnabled,   // колесо мыши / трекпад
+             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,   // запрет перетаскивания
+              maxZoom: params.maxZoom,
+              dragPan: params.scrollEnabled,
               dragRotate: params.zoomEnabled,
               antialias: params.antialias ?? false,
               crossSourceCollisions: params.crossSourceCollisions ?? true,
@@ -104,34 +130,40 @@ export default  /*js*/`
 
 
                     return {
-                        center,
-                        zoom
+                        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",(event)=>{
+              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",(event)=>{
+              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",(event)=>{
+              map.on("zoomstart", function(event){
                 window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'zoomstart', params: getEventParams() }));
               })
-              map.on("zoomend",(event)=>{
+              map.on("zoomend", function(event){
                 window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'zoomend', params: getEventParams() }));
               })
             
 
-              map.on("idle",(event)=>{
+              map.on("idle", function(event){
                   window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'idle', params: getEventParams() }));
               })
            

package/src/components/webFunctions/updateWeb.ts

@@ -0,0 +1,75 @@
+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);
+      }
+
+  }
+`;

package/src/index.tsx

@@ -7,4 +7,4 @@ export { MapView, Marker, Polygon, Polyline };
 export default MapView;
 
 export type { MapViewRef } from './components/MapView';
-export type { MarkerProps, PolygonProps, PolylineProps, EventParams } from './components/types';
+export type { MarkerProps, PolygonProps, PolylineProps, EventParams, SourcesProps } from './components/types';

package/lib/module/webContent.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AsyncStorage","CACHE_VERSION","loadResources","url","cacheKey","stored","getItem","_","response","fetch","ok","Error","status","text","setItem","maplibreHtmlMap","webFunctions","sources","maplibreJS","maplibreCSS","pmtiles","pmtilesJS"],"sourceRoot":"../../src","sources":["webContent.ts"],"mappings":";;AAAA,OAAOA,YAAY,MAAM,2CAA2C;AAIpE,MAAMC,aAAa,GAAG,IAAI;AAE1B,MAAMC,aAAa,GAAG,MAAOC,GAAW,IAAK;EACzC,MAAMC,QAAQ,GAAG,GAAGD,GAAG,IAAIF,aAAa,EAAE;EAE1C,IAAI;IACA,MAAMI,MAAM,GAAG,MAAML,YAAY,CAACM,OAAO,CAACF,QAAQ,CAAC;IACnD,IAAIC,MAAM,EAAE;MACR,OAAOA,MAAM;IACjB;EACJ,CAAC,CAAC,OAAOE,CAAC,EAAE;IACR;EAAA;EAGJ,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAACN,GAAG,CAAC;EACjC,IAAI,CAACK,QAAQ,CAACE,EAAE,EAAE;IACd,MAAM,IAAIC,KAAK,CAAC,4BAA4BR,GAAG,KAAKK,QAAQ,CAACI,MAAM,GAAG,CAAC;EAC3E;EACA,MAAMC,IAAI,GAAG,MAAML,QAAQ,CAACK,IAAI,CAAC,CAAC;EAElC,IAAIA,IAAI,EAAE;IACN,IAAI;MACA,MAAMb,YAAY,CAACc,OAAO,CAACV,QAAQ,EAAES,IAAI,CAAC;IAC9C,CAAC,CAAC,OAAON,CAAC,EAAE;MACR;IAAA;EAER;EACA,OAAOM,IAAI;AACf,CAAC;AAED,OAAO,MAAME,eAAe,GAAG,MAAAA,CAAOC,YAAoB,EAAEC,OAAqB,KAAK;EAClF;;EAGA,IAAIC,UAAU,GAAG,MAAMhB,aAAa,CAACe,OAAO,CAACC,UAAU,CAAC;EACxD,IAAIC,WAAW,GAAG,MAAMjB,aAAa,CAACe,OAAO,CAACE,WAAW,CAAC;EAC1D,IAAIC,OAAO,GAAG,MAAMlB,aAAa,CAACe,OAAO,CAACI,SAAS,CAAC;EAIpD,OAAO;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAcH,UAAU;AACxB;AACA,aAAaC,WAAW;AACxB;AACA;AACA,cAAcC,OAAO;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAEJ,YAAY;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR,CAAC","ignoreList":[]}

package/lib/typescript/src/webContent.d.ts

@@ -1,3 +0,0 @@
-import type { SourcesProps } from './components/types';
-export declare const maplibreHtmlMap: (webFunctions: string, sources: SourcesProps) => Promise<string>;
-//# sourceMappingURL=webContent.d.ts.map

package/lib/typescript/src/webContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"webContent.d.ts","sourceRoot":"","sources":["../../../src/webContent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAgCvD,eAAO,MAAM,eAAe,GAAU,cAAc,MAAM,EAAE,SAAS,YAAY,oBAmJhF,CAAC"}