Skip to content

Instantly share code, notes, and snippets.

:octocat:
mschf.xyz

Stephen Tetreault tetreault

:octocat:
mschf.xyz
Block or report user

Report or block tetreault

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View App.js
import React, { Component } from "react";
import { View, StyleSheet, StatusBar } from "react-native";
import { Provider } from "react-redux";
import Store from "./Store/Store";
import { Header, CryptoContainer } from "./Components/";
import { globalStyles } from "./Utils/Constants";
console.disableYellowBox = true;
@tetreault
tetreault / mapbox-demo.html
Created Mar 14, 2018
MapBox & TurfJS - Make markers animate along their given routes
View mapbox-demo.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- MAPBOX CDN -->
<script src='https://api.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.css' rel='stylesheet' />
<!-- turf -->
<script src="https://cdn.jsdelivr.net/npm/@turf/turf@5/turf.min.js"></script>
</head>
<body>
View gist:88cb716f91a21461f9b139046f4ebd7e
// route for first flight
const route1GeoJson = {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"geometry": {
"type": "LineString",
"coordinates": [
[-122.414, 37.776],
[77.209021, 28.613939]
View mapbox-test.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- MAPBOX CDN -->
<script src='https://api.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.css' rel='stylesheet' />
</head>
<body>
<div id='map' style='width: 400px; height: 300px;'></div>
<script>
You can’t perform that action at this time.