mapping-component-package-jp 0.0.47 → 0.0.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapping-component-package-jp",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/js/mapEncapsulation/mapOverlayManager.d.ts

@@ -63,6 +63,11 @@ export class MapOverlayManager {
     NDVI_RemoveOverlay(): void;
     NDVI_DrawLocation(locationJson: any[], offsetX: number, offsetY: number, vMapWidth: number, showTooltip: boolean): void;
 
+    //Other tiles
+    NLC_AddOverlay(tileURL: string, offsetX: number, offsetY: number): void;
+    NLC_RemoveOverlay(): void;
+
+
     // Cleanup Methods
     destroy(): void;
     map_clear(): void;

package/src/js/mapEncapsulation/mapOverlayManager.js

@@ -3037,7 +3037,7 @@ export class MapOverlayManager {
                     paths = [];
                     var spolies = location.poly.split(',');
                     spolies.forEach(function(poly) {
-                        dp = google.maps.geometry.encoding.decodePath(location.poly, 5);      
+                        dp = google.maps.geometry.encoding.decodePath(poly, 5);      
                         paths.push(dp);    
                     });
 
@@ -3724,5 +3724,69 @@ export class MapOverlayManager {
         });
         mapListeners.push(zoomChangedListener);
     }
+
+
+    _this.NLC_AddOverlay = function (tileURL, offsetX, offsetY) {
+
+        bounds = map.getBounds();
+        offsetCenter(bounds.getCenter(), offsetX, offsetY);
+ 
+        if (map.getZoom() > 14) {
+
+            //console.log('zoom > 14');
+
+            var zoomOnAddOverlayChangedListener = google.maps.event.addListenerOnce(map, 'zoom_changed', function () {
+                var vdiMapType = new google.maps.ImageMapType({
+                    getTileUrl: function (coord, zoom) {
+                        return [tileURL.replace(/{z}/,zoom).replace(/{x}/,coord.x).replace(/{y}/,coord.y)].join('');
+                    },
+                    tileSize: new google.maps.Size(256, 256),
+                    minZoom: 5,
+                    maxZoom: 14
+                });
+                map.overlayMapTypes.push(vdiMapType);
+            });
+            mapListeners.push(zoomOnAddOverlayChangedListener);
+       
+            map.setZoom(14);
+ 
+        } else if (map.getZoom() < 5) {
+
+            //console.log('zoom < 5');
+
+            var zoomOnAddOverlayChangedListener = google.maps.event.addListenerOnce(map, 'zoom_changed', function () {
+                var vdiMapType = new google.maps.ImageMapType({
+                    getTileUrl: function (coord, zoom) {
+                        return [tileURL.replace(/{z}/,zoom).replace(/{x}/,coord.x).replace(/{y}/,coord.y)].join('');
+                    },
+                    tileSize: new google.maps.Size(256, 256),
+                    minZoom: 5,
+                    maxZoom: 14
+                });
+                map.overlayMapTypes.push(vdiMapType);
+            });
+			mapListeners.push(zoomOnAddOverlayChangedListener);
+		
+			map.setZoom(5);
+
+		} else {
+
+            var vdiMapType = new google.maps.ImageMapType({
+                getTileUrl: function (coord, zoom) {
+                    return [tileURL.replace(/{z}/,zoom).replace(/{x}/,coord.x).replace(/{y}/,coord.y)].join('');
+                },
+                tileSize: new google.maps.Size(256, 256),
+                minZoom: 5,
+                maxZoom: 14
+            });
+            map.overlayMapTypes.push(vdiMapType);
+        }  
+    }
+    
+    _this.NLC_RemoveOverlay = function () {
+        map.overlayMapTypes.clear();
+    }
+
+
 }
 }