Updated example map and removed unnecessary key prop

Geocodio · Mar 8, 2019 · e9637e0 · e9637e0
1 parent a70700e
commit e9637e0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/examples/App.js b/examples/App.js
@@ -8,7 +8,8 @@ class App extends Component {
 
     this.state = {
       width: window.innerWidth,
-      marker: null
+      marker: null,
+      center: [38.86530697026126, -77.20057854052735]
     }
   }
 
@@ -32,7 +33,7 @@ class App extends Component {
           width={this.state.width}
           height={600}
           zoom={4}
-          center={[38.86530697026126, -77.20057854052735]}
+          center={this.state.center}
           source={(x, y, z) => `https://maps.geocod.io/tiles/base/${z}/${x}/${y}.png`}
           onMarkerClicked={this.handleMarkerClicked}
         >
@@ -53,7 +54,10 @@ class App extends Component {
   }
 
   handleMarkerClicked = marker => {
-    this.setState({ marker })
+    this.setState({
+      marker,
+      center: marker.coords
+    })
   }
 }
 

diff --git a/src/Map.js b/src/Map.js
@@ -57,7 +57,7 @@ class Map extends Component {
     this.renderChildren()
 
     return (
-      <canvas key={this.props.width + '/' + this.props.height} ref={this.canvasRef} {...this.getCanvasProps()} />
+      <canvas ref={this.canvasRef} {...this.getCanvasProps()} />
     )
   }