updates deps, removes json styling

Author: amuramoto

screenshot.png

@@ -3,14 +3,14 @@
   "version": "0.1.0",
   "license": "Apache-2.0",
   "scripts": {
-    "start": "webpack-dev-server --progress --hot --open"
+    "start": "webpack serve --progress --hot --open"
   },
   "dependencies": {
-    "@deck.gl/core": "7.0.0",
-    "@deck.gl/google-maps": "^7.0.0",
-    "@deck.gl/layers": "^7.0.0",
-    "webpack": "^4.20.2",
-    "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "^3.1.1"
+    "@deck.gl/core": "^8.7.0",
+    "@deck.gl/google-maps": "^8.7.0",
+    "@deck.gl/layers": "^8.7.0",
+    "webpack": "^5.70.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4"
   }
 }

solution/package-lock.json

@@ -56,8 +56,7 @@ function loadJSAPI() {
 function initMap() {
   const mapOptions = {
     center: { lat: 40.75097, lng: -73.98765 },
-    zoom: 14,
-    styles: mapStyle
+    zoom: 14
   };
   const mapDiv = document.getElementById('map');
   return new google.maps.Map(mapDiv, mapOptions);

solution/package.json

@@ -24,12 +24,10 @@ const CONFIG = {
     app: './src/app.js'
   },
   devServer: {
-    contentBase: path.join(__dirname, 'src')
-  },
-  plugins: [
-    // Read google maps token from environment variable
-    new webpack.EnvironmentPlugin(['GoogleMapsAPIKey'])
-  ]
+    static: {
+      directory: path.join(__dirname, 'src'),
+    }
+  }
 };
 
 module.exports = CONFIG;