Skip to content

Instantly share code, notes, and snippets.

View ryanbaumann's full-sized avatar
🤙
Innovative location experiences

Ryan Baumann ryanbaumann

🤙
Innovative location experiences
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<title>Gemini Maps</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<link href="./style.css" rel="stylesheet">
<script
async
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCeTDqE1JdyQc7mem3f4pNgKwwSWTXhuc8&v=alpha&libraries=maps3d,places,geometry&callback=initMap"
></script>
@ryanbaumann
ryanbaumann / index.html
Last active February 13, 2020 23:33
Mapbox gl-js Inspect streets v11
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Mapbox GL Inspect</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.7.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.7.0/mapbox-gl.css' rel='stylesheet' />
<script src='https://github.com/lukasmartinelli/mapbox-gl-inspect/releases/download/v1.3.1/mapbox-gl-inspect.js'></script>
<link href='https://github.com/lukasmartinelli/mapbox-gl-inspect/releases/download/v1.3.1/mapbox-gl-inspect.css' rel='stylesheet' />
@ryanbaumann
ryanbaumann / install-tippecanoe-on-windows.md
Last active November 27, 2024 10:20
Install Tippecanoe to make Mapbox Vector Tiles on a Windows 10 OS machine

Problem

Tippecanoe is an open source command line tool for creating Mapbox Vector Tiles. It runs only on unix environments like MacOS and Linux - so if you need to make maps with large vector data from geojson, shapefiles, or similar - you're hosed if you're on Windows.

Goals

  1. Create vector tiles of massive vector data on a Windows 10 machine

Requirements

@ryanbaumann
ryanbaumann / 34M_17.gltf
Last active April 23, 2023 20:29
Mapbox Custom Layers - Add a 3D GLTF model to a map with Three.js
{
"accessors" : [
{
"bufferView" : 0,
"componentType" : 5123,
"count" : 4320,
"max" : [
1439
],
"min" : [
@ryanbaumann
ryanbaumann / index.html
Last active June 20, 2019 03:13 — forked from Pessimistress/index.html
Mapbox Custom Layers - Add a HexagonLayer to a map with deck.gl
<html>
<head>
<title>Road AccidentsIncidents</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src="https://unpkg.com/deck.gl@latest/dist.min.js"></script>
<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.0-beta.1/mapbox-gl.js"></script>
<link rel="stylesheet" type="text/css" href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.0-beta.1/mapbox-gl.css">
<script src="https://d3js.org/d3.v5.min.js"></script>
<style type="text/css">
@ryanbaumann
ryanbaumann / index.html
Last active March 12, 2020 23:37 — forked from Pessimistress/index.html
Mapbox Custom Layers - Add a great-arc circle with brushing to a map with deck.gl
<html>
<head>
<title>US County-to-County Migration</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src="https://unpkg.com/deck.gl@latest/dist.min.js"></script>
<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.js"></script>
<link rel="stylesheet" type="text/css" href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.15.0/d3.min.js"></script>
<style type="text/css">
@ryanbaumann
ryanbaumann / .block
Created July 20, 2018 20:17 — forked from clhenrick/.block
ischool-geo-viz-04
license: mit
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@ryanbaumann
ryanbaumann / frame.html
Created January 25, 2018 19:30 — forked from szilardhuber/frame.html
Iframe worker url test
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="second-row">
I am an IFrame
</div>
@ryanbaumann
ryanbaumann / README.md
Last active May 2, 2017 14:19 — forked from fxi/README.md
Drop multiple geojson files on a mapbox gl js map

Experimental work with mapbox gl js, web workers and geojsonhint to create new layers by drag and dropping geojson data.