This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<head> | |
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" /> | |
</head> | |
<body class="h-full"> | |
<div class=" | |
flex | |
w-full | |
mt-40 | |
mb-10 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { useState } from 'react' | |
import ReactMapGL, { Marker, WebMercatorViewport } from 'react-map-gl' | |
const applyToArray = (func, array) => func.apply(Math, array) | |
const getBoundsForPoints = (points) => { | |
// Calculate corner values of bounds | |
const pointsLong = points.map(point => point.coordinates._long) | |
const pointsLat = points.map(point => point.coordinates._lat) | |
const cornersLongLat = [ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var gulp = require('gulp'); | |
var source = require('vinyl-source-stream'); | |
var buffer = require('vinyl-buffer'); | |
var watch = require('gulp-watch'); | |
var gutil = require('gulp-util'); | |
var browserify = require('browserify'); | |
var babel = require('gulp-babel'); | |
gulp.task('transform', function() { | |
return gulp.src('./app/src/**/*.jsx') |