summaryrefslogtreecommitdiff
path: root/geshem.js
diff options
context:
space:
mode:
authorYuval Adam <yuval@y3xz.com>2016-01-02 00:55:45 +0200
committerYuval Adam <yuval@y3xz.com>2016-01-02 00:55:45 +0200
commit8ffcc2bbd0460616495d18feb74763f31a459c1d (patch)
tree649e5b28a58b73aa1f536d9fd1afa28b8a479919 /geshem.js
parent79fb0039bb1935017b7fc4ed6c94402fd49ef2a7 (diff)
Add slider and styles
Diffstat (limited to 'geshem.js')
-rw-r--r--geshem.js10
1 files changed, 9 insertions, 1 deletions
diff --git a/geshem.js b/geshem.js
index f736c3c..7c5f65d 100644
--- a/geshem.js
+++ b/geshem.js
@@ -1,10 +1,15 @@
import React from 'react'
import ReactDOM from 'react-dom'
+import 'rc-slider/assets/index.css'
+import Slider from 'rc-slider'
+
// Need to directly script-load instead of proper import since GL JS doesn't support webpack
// https://github.com/mapbox/mapbox-gl-js/issues/1649
require('script!mapbox-gl/dist/mapbox-gl.js')
+import './style.scss'
+
class GLMap extends React.Component {
// Adapted from Tim Welch's code that can be found at
@@ -162,9 +167,12 @@ class Map extends React.Component {
style: mapStyle,
hash: false
}
- return <GLMap
+ return <div>
+ <GLMap
view={view}
token='pk.eyJ1IjoieXV2YWRtIiwiYSI6ImNpaWRuaWFxazAwMTJ2b2tyZGRmaWpsNWYifQ.qf_V3CFP_NZtLjk5luNM4g' />
+ <Slider step={2} defaultValue={50} />
+ </div>
}
}