Ryan Baumann ryanbaumann

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

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

Requirements

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

	<!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>

	<!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' />

	{
	"accessors" : [
	{
	"bufferView" : 0,
	"componentType" : 5123,
	"count" : 4320,
	"max" : [
	1439
	],
	"min" : [

	<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">

	<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">

	<!DOCTYPE html>
	<html>

	<head>
	</head>

	<body>
	<div class="second-row">
	I am an IFrame
	</div>