diff options
| author | Yuval Adam <yuval@y3xz.com> | 2016-01-02 00:55:45 +0200 |
|---|---|---|
| committer | Yuval Adam <yuval@y3xz.com> | 2016-01-02 00:55:45 +0200 |
| commit | 8ffcc2bbd0460616495d18feb74763f31a459c1d (patch) | |
| tree | 649e5b28a58b73aa1f536d9fd1afa28b8a479919 /geshem.js | |
| parent | 79fb0039bb1935017b7fc4ed6c94402fd49ef2a7 (diff) | |
Add slider and styles
Diffstat (limited to 'geshem.js')
| -rw-r--r-- | geshem.js | 10 |
1 files changed, 9 insertions, 1 deletions
@@ -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> } } |
