Merge pull request wegue-oss#127 from Geolicious/126-style-icon-sizing

wegue-oss#126 allow scale parameter in Vector Layer Icon Style config

Author: chrismayer

src/factory/OlStyle.js

@@ -40,6 +40,7 @@ export const OlStyleFactory = {
       pointStyle = new Style({
         image: new IconStyle(({
           src: styleConf.iconUrl,
+          scale: styleConf.scale || 1,
           anchor: styleConf.iconAnchor,
           anchorXUnits: styleConf.iconAnchorXUnits,
           anchorYUnits: styleConf.iconAnchorYUnits

static/app-conf.json

@@ -33,7 +33,6 @@
         "fillColor": "rgba(155,153,51,0.5)"
       }
     },
-
     {
       "type": "VECTOR",
       "lid": "earthquakes",
@@ -49,13 +48,13 @@
       "hoverable": true,
       "hoverAttribute": "name",
       "style": {
-        "radius": 4,
-        "strokeColor": "rgb(207, 16, 32)",
-        "strokeWidth": 1,
-        "fillColor": "rgba(207, 16, 32, 0.6)"
+        "iconUrl": "./static/icon/circle.svg",
+        "scale": 4,
+        "anchor": [0.5, 37],
+        "anchorXUnits": "fraction",
+        "anchorYUnits": "pixels"
       }
     },
-
     {
       "type": "WMS",
       "lid": "ahocevar-wms",
@@ -91,7 +90,7 @@
       "url": "https://tile.opentopomap.org/{z}/{x}/{y}.png",
       "attributions": "Map data: <a href=\"https://openstreetmap.org/copyright\">©OpenStreetMap</a>-contributors, SRTM | Map representation (Kartendarstellung): © <a href=\"http://opentopomap.org/\">OpenTopoMap</a> (<a href=\"https://creativecommons.org/licenses/by-sa/3.0/\">CC-BY-SA</a>)",
       "lid": "opentopomap",
-      "displayInLayerList": true, 
+      "displayInLayerList": true,
       "visible": false
     },