diff --git a/client/package.json b/client/package.json
index ee2c381d6..1e5432e1e 100644
--- a/client/package.json
+++ b/client/package.json
@@ -43,6 +43,7 @@
     "leaflet": "^1.7.1",
     "leaflet.markercluster": "^1.4.1",
     "mini-css-extract-plugin": "^1.3.9",
+    "nodes2ts": "^2.0.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-hot-loader": "^4.13.0",
@@ -50,7 +51,6 @@
     "react-leaflet-markercluster": "^3.0.0-rc1",
     "react-router-dom": "^5.2.0",
     "sass-loader": "^11.0.1",
-    "source-map-loader": "^2.0.1",
     "style-loader": "^2.0.0",
     "webpack": "^5.24.3",
     "webpack-cli": "^4.5.0",
diff --git a/client/src/components/MapTiles.jsx b/client/src/components/MapTiles.jsx
index 155508ed8..c79dc5d1b 100644
--- a/client/src/components/MapTiles.jsx
+++ b/client/src/components/MapTiles.jsx
@@ -7,11 +7,18 @@ import Pokemon from './pokemon/Pokemon.jsx'
 import Nav from './layout/Nav.jsx'
 import Spawnpoint from './spawnpoints/Spawnpoint.jsx'
 import Portal from './portals/Portal.jsx'
+import Weather from './weather/Weather.jsx'
 
 const MapTiles = ({ map, settings }) => {
   const [bounds, setBounds] = useState({
-    _southWest: { lat: 0, lng: 0 },
-    _northEast: { lat: 0, lng: 0 }
+    _southWest: { 
+      lat: settings.map.startLat-0.025, 
+      lng: settings.map.startLon-0.025 
+    },
+    _northEast: { 
+      lat: settings.map.startLat+0.025, 
+      lng: settings.map.startLon+0.025
+    }
   })
   const [selected, setSelected] = useState({
     gyms: settings.map.filters.gyms,
@@ -53,6 +60,7 @@ const MapTiles = ({ map, settings }) => {
       {selected.pokemon && <Pokemon bounds={bounds} />}
       {selected.portals && <Portal bounds={bounds} />}
       {selected.spawnpoints && <Spawnpoint bounds={bounds} />}
+      {selected.weather && <Weather bounds={bounds} />}
       <Nav
         selected={selected}
         setSelected={setSelected}
diff --git a/client/src/components/pokestops/Pokestop.jsx b/client/src/components/pokestops/Pokestop.jsx
index e13e5919b..42ad5ccf7 100644
--- a/client/src/components/pokestops/Pokestop.jsx
+++ b/client/src/components/pokestops/Pokestop.jsx
@@ -17,7 +17,6 @@ const Pokestop = ({ bounds }) => {
       maxLon: bounds._northEast.lng
     }
   })
-  console.log(data)
 
   return (
     <MarkerClusterGroup
diff --git a/client/src/components/portals/Popup.jsx b/client/src/components/portals/Popup.jsx
index f40f42a81..cba070faf 100644
--- a/client/src/components/portals/Popup.jsx
+++ b/client/src/components/portals/Popup.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SpawnpointPopup = ({ portal }) => {
+const PortalPopup = ({ portal }) => {
   return (
     <>
     {portal.name}
@@ -8,4 +8,4 @@ const SpawnpointPopup = ({ portal }) => {
   )
 }
 
-export default SpawnpointPopup
\ No newline at end of file
+export default PortalPopup
\ No newline at end of file
diff --git a/client/src/components/portals/Portal.jsx b/client/src/components/portals/Portal.jsx
index cd67f3b16..6ce75c478 100644
--- a/client/src/components/portals/Portal.jsx
+++ b/client/src/components/portals/Portal.jsx
@@ -17,7 +17,6 @@ const Portal = ({ bounds }) => {
       maxLon: bounds._northEast.lng
     }
   })
-  console.log(data)
   return (
     <MarkerClusterGroup
       disableClusteringAtZoom={16}
diff --git a/client/src/components/weather/Popup.jsx b/client/src/components/weather/Popup.jsx
new file mode 100644
index 000000000..5bb30942c
--- /dev/null
+++ b/client/src/components/weather/Popup.jsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const WeatherPopup = ({ weather }) => {
+  return (
+    <>
+    {weather.id}
+    </>
+  )
+}
+
+export default WeatherPopup
\ No newline at end of file
diff --git a/client/src/components/weather/Weather.jsx b/client/src/components/weather/Weather.jsx
new file mode 100644
index 000000000..f3c45fa1c
--- /dev/null
+++ b/client/src/components/weather/Weather.jsx
@@ -0,0 +1,42 @@
+import React from 'react'
+import { Popup, Polygon, Polyline, Marker } from 'react-leaflet'
+
+import { useQuery } from '@apollo/client'
+import Query from '../../services/Query.js'
+
+import marker from './marker.js'
+import PopupContent from './Popup.jsx'
+import getPolygon from '../../services/getPolygon.js'
+import getPolyline from '../../services/getPolyline.js' 
+
+const Weather = ({ bounds }) => {
+  const { loading, error, data } = useQuery(Query.getAllWeather(), {
+    variables: {
+      minLat: bounds._southWest.lat,
+      minLon: bounds._southWest.lng,
+      maxLat: bounds._northEast.lat,
+      maxLon: bounds._northEast.lng
+    }
+  })
+
+  return (
+    <>
+      {data && data.weather.map(cell => {
+        return (
+          <Polyline
+            key={cell.id}
+            positions={getPolyline(cell.id)}
+            pathOptions={{ color: 'green', opacity: 0.5 }}>
+            <Marker icon={marker(cell)} position={[cell.latitude, cell.longitude]}>
+              <Popup position={[cell.latitude, cell.longitude]}>
+                <PopupContent weather={cell} />
+              </Popup>
+            </Marker>
+          </Polyline>
+        )
+      })}
+    </>
+  )
+}
+
+export default Weather
diff --git a/client/src/components/weather/marker.js b/client/src/components/weather/marker.js
new file mode 100644
index 000000000..d023edf84
--- /dev/null
+++ b/client/src/components/weather/marker.js
@@ -0,0 +1,20 @@
+import { Icon } from 'leaflet'
+
+export default function (weather) {
+  const lastUpdate = new Date(weather.updated * 1000)
+  const now = new Date
+
+  const correctWeather = (
+    lastUpdate.getFullYear() === now.getFullYear() &&
+    lastUpdate.getMonth() === now.getMonth() &&
+    lastUpdate.getDate() === now.getDate() &&
+    lastUpdate.getHours() === now.getHours()
+  )
+
+  return new Icon({
+    iconUrl: `/img/weather/${weather.gameplay_condition}.png`,
+    iconSize: [30, 30],
+    iconAnchor: [20, 33.96],
+    popupAnchor: [0, -41.96]
+  })
+}
\ No newline at end of file
diff --git a/client/src/data/weatherTypes.json b/client/src/data/weatherTypes.json
new file mode 100644
index 000000000..150b91bcb
--- /dev/null
+++ b/client/src/data/weatherTypes.json
@@ -0,0 +1,34 @@
+{
+    "0": {
+        "types": [],
+        "name": "None"
+    },
+    "1": {
+        "types": ["Fire","Grass","Ground"],
+        "name": "Clear"
+    },
+    "2": {
+        "types": ["Water","Electric","Bug"],
+        "name": "Rain"
+    },
+    "3": {
+        "types": ["Normal","Rock"],
+        "name": "Partly Cloudy"
+    },
+    "4": {
+        "types": ["Fairy","Fighting","Poison"],
+        "name": "Cloudy"
+    },
+    "5": {
+        "types": ["Dragon","Flying","Psychic"],
+        "name": "Windy"
+    },
+    "6": {
+        "types": ["Ice","Steel"],
+        "name": "Snow"
+    },
+    "7" : {
+        "types": ["Dark","Ghost"],
+        "name": "Fog"
+    }
+}
\ No newline at end of file
diff --git a/client/src/services/Query.js b/client/src/services/Query.js
index 66480ffe3..52bae217b 100644
--- a/client/src/services/Query.js
+++ b/client/src/services/Query.js
@@ -4,6 +4,7 @@ import { getAllPokestops } from './data/pokestop.js'
 import { getAllPokemon } from './data/pokemon.js'
 import { getAllSpawnpoints } from './data/spawnpoint.js'
 import { getAllPortals } from './data/portal.js' 
+import { getAllWeather } from './data/weather.js'
 
 class Query {
 
@@ -31,6 +32,10 @@ class Query {
     return getAllSpawnpoints
   }
 
+  static getAllWeather() {
+    return getAllWeather
+  }
+
 }
 
 export default Query
\ No newline at end of file
diff --git a/client/src/services/data/weather.js b/client/src/services/data/weather.js
new file mode 100644
index 000000000..ec188920c
--- /dev/null
+++ b/client/src/services/data/weather.js
@@ -0,0 +1,15 @@
+import { gql } from '@apollo/client'
+
+const getAllWeather = gql`
+query Data($minLat: Float!, $minLon: Float!, $maxLat: Float!, $maxLon: Float!) {
+  weather(minLat: $minLat, minLon: $minLon, maxLat: $maxLat, maxLon: $maxLon) {
+    id
+    latitude
+    longitude
+    gameplay_condition
+    updated
+  }
+}
+`
+
+export { getAllWeather }
\ No newline at end of file
diff --git a/client/src/services/getPolygon.js b/client/src/services/getPolygon.js
new file mode 100644
index 000000000..38b0a856f
--- /dev/null
+++ b/client/src/services/getPolygon.js
@@ -0,0 +1,17 @@
+import { S2LatLng, S2Cell, S2CellId, S2Point } from 'nodes2ts';
+
+export default function (s2cellId) {
+  const s2cell = new S2Cell(new S2CellId(BigInt(s2cellId).toString()))
+  const polygon = []
+  for (let i = 0; i <= 3; i++) {
+    const coordinate = s2cell.getVertex(i)
+    const point = new S2Point(coordinate.x, coordinate.y, coordinate.z)
+    const latLng = S2LatLng.fromPoint(point)
+    polygon.push([
+      latLng.latDegrees,
+      latLng.lngDegrees
+    ])
+  }
+
+  return polygon
+}
diff --git a/client/src/services/getPolyline.js b/client/src/services/getPolyline.js
new file mode 100644
index 000000000..ee9f19005
--- /dev/null
+++ b/client/src/services/getPolyline.js
@@ -0,0 +1,18 @@
+import { S2LatLng, S2Cell, S2CellId, S2Point } from 'nodes2ts';
+
+export default function (s2cellId) {
+  const s2cell = new S2Cell(new S2CellId(BigInt(s2cellId).toString()))
+  const polygon = []
+  for (let i = 0; i <= 3; i++) {
+    const coordinate = s2cell.getVertex(i)
+    const point = new S2Point(coordinate.x, coordinate.y, coordinate.z)
+    const latLng = S2LatLng.fromPoint(point)
+    polygon.push([
+      latLng.latDegrees,
+      latLng.lngDegrees
+    ])
+  }
+  polygon.push(polygon[0])
+
+  return polygon
+}
diff --git a/client/webpack.config.js b/client/webpack.config.js
index bf5d720db..6ba6bf196 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -1,7 +1,7 @@
 import path, { dirname } from 'path'
 import { fileURLToPath } from 'url'
 import HtmlWebpackPlugin from "html-webpack-plugin"
-
+import config from '../server/src/services/config.js'
 import webpack from 'webpack'
 
 const __filename = fileURLToPath(import.meta.url)
@@ -19,6 +19,7 @@ export default {
     publicPath: '/dist/'
   },
   mode: 'development',
+  devtool: "source-map",
   plugins: [
     new webpack.HotModuleReplacementPlugin(),
     new HtmlWebpackPlugin({
@@ -47,11 +48,6 @@ export default {
           "sass-loader",
         ]
       },
-      {
-        test: /\.jsx?$/,
-        enforce: 'pre',
-        use: ['source-map-loader'],
-      },
       {
         test: /\.(png|jpe?g|gif)$/i,
         loader: 'file-loader',
@@ -59,20 +55,20 @@ export default {
     ]
   },
   resolve: {
-    mainFields: ['browser','main','module'],
+    mainFields: ['browser', 'main', 'module'],
     alias: {
       ...reactDomAlias,
       "@Components": path.resolve(__dirname, "src/components/"),
       "@Providers": path.resolve(__dirname, "src/providers/"),
     },
-    extensions: ["*", ".js", ".jsx", ".scss"],
+    extensions: ["*", ".js", ".jsx", ".ts", ".tsx", ".scss"],
   },
   devServer: {
     contentBase: path.join(__dirname, "public/"),
     historyApiFallback: true,
-    port: 3000,
+    port: config.port,
     hotOnly: true,
-    publicPath: "http://localhost:3000/",
+    publicPath: `http://${config.interface}:${config.port}/`,
     proxy: [
       {
         context: ["/auth", "/api"],
diff --git a/server/src/models/Weather.js b/server/src/models/Weather.js
new file mode 100644
index 000000000..f0c838f35
--- /dev/null
+++ b/server/src/models/Weather.js
@@ -0,0 +1,9 @@
+import { Model } from 'objection'
+
+class Weather extends Model {
+  static get tableName() {
+    return 'weather'
+  }
+}
+
+export default Weather
\ No newline at end of file
diff --git a/server/src/models/index.js b/server/src/models/index.js
index ee3046584..913d3b449 100644
--- a/server/src/models/index.js
+++ b/server/src/models/index.js
@@ -2,8 +2,9 @@ import Device from './Device.js'
 import Gym from './Gym.js'
 import Pokestop from './Pokestop.js'
 import Pokemon from './Pokemon.js'
-import Spawnpoint from './Spawnpoint.js'
 import Portal from './Portal.js' 
+import Spawnpoint from './Spawnpoint.js'
+import Weather from './Weather.js' 
 
 export {
   Device,
@@ -11,5 +12,6 @@ export {
   Pokestop,
   Pokemon,
   Portal,
-  Spawnpoint
+  Spawnpoint,
+  Weather
 }
\ No newline at end of file
diff --git a/server/src/schema/schema.js b/server/src/schema/schema.js
index 581d1a3d3..a8cd6b93f 100644
--- a/server/src/schema/schema.js
+++ b/server/src/schema/schema.js
@@ -1,4 +1,5 @@
 import { GraphQLObjectType, GraphQLID, GraphQLFloat, GraphQLList, GraphQLSchema } from 'graphql'
+import { ref } from 'objection'
 
 import DeviceType from './device.js'
 import GymType from './gym.js'
@@ -6,7 +7,8 @@ import PokestopType from './pokestop.js'
 import PokemonType from './pokemon.js'
 import PortalType from './portals.js'
 import SpawnpointType from './spawnpoint.js'
-import { Device, Gym, Pokemon, Pokestop, Portal, Spawnpoint } from '../models/index.js'
+import WeatherType from './weather.js'
+import { Device, Gym, Pokemon, Pokestop, Portal, Spawnpoint, Weather } from '../models/index.js'
 
 const minMaxArgs = {
   minLat: { type: GraphQLFloat },
@@ -86,6 +88,18 @@ const RootQuery = new GraphQLObjectType({
           .whereBetween('lat', [args.minLat, args.maxLat])
           .andWhereBetween('lon', [args.minLon, args.maxLon])
       }
+    },
+    weather: {
+      type: new GraphQLList(WeatherType),
+      args: minMaxArgs,
+      async resolve(parent, args) {
+        return await Weather.query()
+          .select(['*', ref('id')
+            .castTo('CHAR')
+            .as('id')])
+          .whereBetween('latitude', [args.minLat, args.maxLat])
+          .andWhereBetween('longitude', [args.minLon, args.maxLon])
+      }
     }
   }
 })
diff --git a/server/src/schema/weather.js b/server/src/schema/weather.js
new file mode 100644
index 000000000..5ab7b053c
--- /dev/null
+++ b/server/src/schema/weather.js
@@ -0,0 +1,22 @@
+import { GraphQLObjectType, GraphQLInt, GraphQLFloat, GraphQLBoolean, GraphQLString } from 'graphql'
+
+export default new GraphQLObjectType({
+  name: 'Weather',
+  fields: () => ({
+    id: { type: GraphQLString },
+    level: { type: GraphQLInt },
+    latitude: { type: GraphQLFloat },
+    longitude: { type: GraphQLFloat },
+    gameplay_condition: { type: GraphQLInt },
+    wind_direction: { type: GraphQLInt },
+    cloud_level: { type: GraphQLInt },
+    rain_level: { type: GraphQLInt },
+    wind_level: { type: GraphQLInt },
+    snow_level: { type: GraphQLInt },
+    fog_level: { type: GraphQLInt },
+    special_effect_level: { type: GraphQLInt },
+    severity: { type: GraphQLBoolean },
+    warn_weather: { type: GraphQLBoolean },
+    updated: { type: GraphQLInt }
+  })
+})
diff --git a/yarn.lock b/yarn.lock
index c11cb0f14..172984bfd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1429,11 +1429,6 @@
   resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
   integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
-abab@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
-  integrity sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==
-
 abbrev@1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
@@ -3318,13 +3313,6 @@ iconv-lite@0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.2.tgz#ce13d1875b0c3a674bd6a04b7f76b01b1b6ded01"
-  integrity sha512-2y91h5OpQlolefMPmUlivelittSWy0rP+oYVpn6A7GwVHNE8AWzoYOBNmlwks3LobaJxgHCYZAnyNo2GgpNRNQ==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3.0.0"
-
 icss-utils@^5.0.0, icss-utils@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
@@ -3981,6 +3969,11 @@ loglevel@^1.6.8:
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.7.1.tgz#005fde2f5e6e47068f935ff28573e125ef72f197"
   integrity sha512-Hesni4s5UkWkwCGJMQGAh71PaLUmKFM60dHvq0zi/vDhhrzuk+4GgNbTXJ12YYQJn6ZKBDNIjYcuQGKudvqrIw==
 
+long@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/long/-/long-4.0.0.tgz#9a7b71cfb7d361a194ea555241c92f7468d5bf28"
+  integrity sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA==
+
 loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
@@ -4323,6 +4316,13 @@ nodemon@^2.0.7:
     undefsafe "^2.0.3"
     update-notifier "^4.1.0"
 
+nodes2ts@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/nodes2ts/-/nodes2ts-2.0.0.tgz#7ff815313257d9eba696eecb63482ed3754d1954"
+  integrity sha512-847uDvD2P19xsN7BNPbeUqaZCxA3OBmlHCIqpAsy/JCnGI90XZeZTFtHueK6GZjn/CNaBG2sA42aI0qQvLAJig==
+  dependencies:
+    long "^4.0.0"
+
 nopt@~1.0.10:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-1.0.10.tgz#6ddd21bd2a31417b92727dd585f8a6f37608ebee"
@@ -5243,7 +5243,7 @@ safe-regex@^1.1.0:
   dependencies:
     ret "~0.1.10"
 
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
+"safer-buffer@>= 2.1.2 < 3":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
@@ -5522,20 +5522,6 @@ source-list-map@^2.0.0, source-list-map@^2.0.1:
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
-source-map-js@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-0.6.2.tgz#0bb5de631b41cfbda6cfba8bd05a80efdfd2385e"
-  integrity sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==
-
-source-map-loader@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-2.0.1.tgz#b4fd0ae7fa7e7d3954300f383f2d6fcc230a4261"
-  integrity sha512-UzOTTQhoNPeTNzOxwFw220RSRzdGSyH4lpNyWjR7Qm34P4/N0W669YSUFdH07+YNeN75h765XLHmNsF/bm97RQ==
-  dependencies:
-    abab "^2.0.5"
-    iconv-lite "^0.6.2"
-    source-map-js "^0.6.2"
-
 source-map-resolve@^0.5.0:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"