Adding layers to the map once it has been created now works

ealgis · Apr 25, 2018 · 7cf2e54 · 7cf2e54
1 parent 1e049d0
commit 7cf2e54
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/dist/layers/vector-tile.js b/dist/layers/vector-tile.js
diff --git a/dist/layers/vector-tile.js.map b/dist/layers/vector-tile.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "react-openlayers",
-    "version": "0.2.4",
+    "version": "0.2.5",
     "description": "OpenLayer React Components",
     "license": "MIT",
     "main": "dist/index.js",
@@ -16,6 +16,9 @@
         "build:app": "cross-env NODE_ENV=production webpack --config app/webpack.config",
         "types": "dts-generator --name react-openlayers --project . --out dist/index.d.ts",
         "copy:static": "cp src/map.css dist/map.css && cp src/custom/popup.css dist/custom/popup.css",
+        "packy": "npm pack && mv react-openlayers-0.2.1.tgz /Users/keithmoss/Downloads/react-openlayers-0.2.1.tgz",
+        "wml:add": "wml add ./ /Users/keithmoss/Documents/Work/GitHub/ealgis-yarn/frontend/node_modules/react-openlayers",
+        "wml:start": "wml start",
         "upgrade": "npm-check-updates -a/--upgradeAll && npm i"
     },
     "repository": {

diff --git a/src/layers/vector-tile.tsx b/src/layers/vector-tile.tsx
@@ -57,7 +57,12 @@ class VectorTile extends React.Component<any, any> {
         if (this.props.zIndex) {
             this.layer.setZIndex(this.props.zIndex)
         }
+
         this.props.mapComp.layers.push(this.layer)
+        // If the map has already been mounted then we need to manually add the layer to the OL Map
+        if ("map" in this.props.mapComp) {
+            this.props.mapComp.map.addLayer(this.layer)
+        }
 
         let olEvents = Util.getEvents(this.events, this.props)
         for (let eventName in olEvents) {