ol-mapbox-style - npm Package Compare versions

Comparing version 6.8.3 to 6.9.0

CHANGELOG.md

 # Changelog
 
+## 6.9.0
+
+* Add support for the `icon-offset` layout property
+* Fix `circle` layers with default radius
+
 ## 6.8.3
@@ -4,0 +9,0 @@

dist/stylefunction.js

@@ -548,3 +548,3 @@ /*
                                     if (!iconImg) {
-                                        var spriteImageData = spriteData[icon];
+                                        var spriteImageData_1 = spriteData[icon];
                                         iconImg = new Icon({
@@ -561,6 +561,9 @@ color: iconColor
                                             imgSize: spriteImgSize,
-                                            size: [spriteImageData.width, spriteImageData.height],
-                                            offset: [spriteImageData.x, spriteImageData.y],
+                                            size: [spriteImageData_1.width, spriteImageData_1.height],
+                                            offset: [spriteImageData_1.x, spriteImageData_1.y],
                                             rotateWithView: iconRotationAlignment === 'map',
-                                            scale: iconSize / spriteImageData.pixelRatio,
+                                            scale: iconSize / spriteImageData_1.pixelRatio,
+                                            displacement: 'icon-offset' in layout
+                                                ? getValue(layer, 'layout', 'icon-offset', zoom, f, functionCache).map(function (v) { return -v * spriteImageData_1.pixelRatio; })
+                                                : undefined,
                                         });
@@ -599,3 +602,3 @@ iconImageCache[icon_cache_key] = iconImg;
                 }
-                if (type == 1 && 'circle-radius' in paint) {
+                if (type == 1 && layer.type === 'circle') {
                     ++stylesLength;
@@ -610,3 +613,5 @@ style = styles[stylesLength];
                     }
-                    var circleRadius = getValue(layer, 'paint', 'circle-radius', zoom, f, functionCache);
+                    var circleRadius = 'circle-radius' in paint
+                        ? getValue(layer, 'paint', 'circle-radius', zoom, f, functionCache)
+                        : 5;
                     var circleStrokeColor = colorWithOpacity(getValue(layer, 'paint', 'circle-stroke-color', zoom, f, functionCache), getValue(layer, 'paint', 'circle-stroke-opacity', zoom, f, functionCache));
@@ -613,0 +618,0 @@ var circleColor = colorWithOpacity(getValue(layer, 'paint', 'circle-color', zoom, f, functionCache), getValue(layer, 'paint', 'circle-opacity', zoom, f, functionCache));

package.json

 {
   "name": "ol-mapbox-style",
-  "version": "6.8.3",
+  "version": "6.9.0",
   "description": "Create OpenLayers maps from Mapbox Style objects",
@@ -66,3 +66,3 @@ "main": "dist/index.js",
     "should": "^13.2.3",
-    "sinon": "^12.0.1",
+    "sinon": "^13.0.0",
     "style-loader": "^3.3.1",
@@ -69,0 +69,0 @@ "typescript": "4.5",

src/stylefunction.js

@@ -790,2 +790,13 @@ /*
                       scale: iconSize / spriteImageData.pixelRatio,
+                      displacement:
+                        'icon-offset' in layout
+                          ? getValue(
+                              layer,
+                              'layout',
+                              'icon-offset',
+                              zoom,
+                              f,
+                              functionCache
+                            ).map((v) => -v * spriteImageData.pixelRatio)
+                          : undefined,
                     });
@@ -857,3 +868,3 @@ iconImageCache[icon_cache_key] = iconImg;
 
-        if (type == 1 && 'circle-radius' in paint) {
+        if (type == 1 && layer.type === 'circle') {
           ++stylesLength;
@@ -870,10 +881,13 @@ style = styles[stylesLength];
           }
-          const circleRadius = getValue(
-            layer,
-            'paint',
-            'circle-radius',
-            zoom,
-            f,
-            functionCache
-          );
+          const circleRadius =
+            'circle-radius' in paint
+              ? getValue(
+                  layer,
+                  'paint',
+                  'circle-radius',
+                  zoom,
+                  f,
+                  functionCache
+                )
+              : 5;
           const circleStrokeColor = colorWithOpacity(
@@ -880,0 +894,0 @@ getValue(

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8682930

increased by0.04%

Lines of code

13509

increased by0.16%

No dependency changes