Update starting with map text

qiaoxin136 · Aug 16, 2017 · 0acdf6e · 0acdf6e
1 parent 6611fcd
commit 0acdf6e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/demos/starting-code/app.js b/demos/starting-code/app.js
@@ -1,3 +1,4 @@
+/* global window */
 import React, {Component} from 'react';
 
 const MAPBOX_STYLE = 'mapbox://styles/uberdata/cive485h000192imn6c6cc8fc';

diff --git a/docs/demos/starting-with-map.md b/docs/demos/starting-with-map.md
@@ -17,6 +17,7 @@ highly recommended that you do so, or your application might not work.
 
 The app component in the starting code above currently looks like this:
 ```js
+/* global window */
 import React, {Component} from 'react';
 
 export default class App extends Component {
@@ -27,7 +28,7 @@ export default class App extends Component {
 
   render() {
     return (
-      <div />
+      <div>Empty App, Edit Me!</div>
     );
   }
 
@@ -47,8 +48,8 @@ export default class App extends Component {
     super(props);
     this.state = {
       viewport: {
-        width: 500,
-        height: 500,
+        width: window.innerWidth,
+        height: window.innerHeight,
         longitude: -74,
         latitude: 40.7,
         zoom: 11,
@@ -78,6 +79,7 @@ export default class App extends Component {
       <div>
         <MapGL
           {...viewport}
+          mapStyle={MAPBOX_STYLE}
           // Callback for viewport changes, addressed below
           onViewportChange={this._onViewportChange.bind(this)}
           // This is needed to use mapbox styles

diff --git a/docs/setup.md b/docs/setup.md
@@ -37,6 +37,8 @@ There should now be a new link called **Live Code Playground** right after
 a nice visualization app as the tutorial progresses. Every change you make will
 be rendered on this page (assuming you keep the local node instance running).
 
+You can press the tilde (~) key anytime to fullscreen the app that will be displayed here.
+
 ## 3. Open Starting Code in your Text Editor
 
 You can now point your text editor to the following file: