altenrative google maps

QuinnNTonic · Jan 23, 2017 · db44513 · db44513
1 parent 1f24aae
commit db44513
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/weather/src/containers/weather_list.js b/weather/src/containers/weather_list.js
@@ -1,17 +1,19 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import Chart from '../components/chart';
+import GoogleMap from '../components/google_map';
 
 class WeatherList extends Component {
   renderWeather(cityData) {
     const name = cityData.city.name;
     const temps = cityData.list.map(weather => weather.main.temp);
     const pressures = cityData.list.map(weather => weather.main.pressure);
     const humidities = cityData.list.map(weather => weather.main.humidity);
+    const { lon, lat } = cityData.city.coord;
 
     return (
       <tr key={name}>
-        <td>{name}</td>
+        <td><GoogleMap lon={lon} lat={lat} /></td>
         <td><Chart data={temps} color="orange" units="K" /></td>
         <td><Chart data={pressures} color="green" units="hPa" /></td>
         <td><Chart data={humidities} color="black" units="%" /></td>

diff --git a/weather/style/style.css b/weather/style/style.css
@@ -10,3 +10,8 @@ td, th {
 svg {
   height: 150px;
 }
+
+td:first-of-type, td:first-of-type > div {
+  height: 200px;
+  width: 250px;
+}