Skip to content

Instantly share code, notes, and snippets.

@jirik
jirik / grid.json
Last active April 3, 2020 07:25
BUG COVID
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@jirik
jirik / index.html
Last active December 5, 2017 14:09
OSM Bright 3.7
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GL Style Package Preview</title>
<link rel="stylesheet" type="text/css" href="https://api.mapbox.com/mapbox-gl-js/v0.34.0/mapbox-gl.css" />
<script src="https://api.mapbox.com/mapbox-gl-js/v0.34.0/mapbox-gl.js"></script>
@jirik
jirik / json.json
Created December 5, 2017 09:51
mbtiles metadata json value
{
"Layer":[
{
"Datasource":{
"dbname":"openmaptiles",
"extent":[
-20037508.34,
-20037508.34,
20037508.34,
20037508.34
@jirik
jirik / hillshade.html
Created January 10, 2017 17:04
Hillshade opacity slider for terrain style
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GL Style Package Preview</title>
<link rel="stylesheet" type="text/css" href="https://api.mapbox.com/mapbox-gl-js/v0.28.0/mapbox-gl.css" />
<script src="https://api.mapbox.com/mapbox-gl-js/v0.28.0/mapbox-gl.js"></script>
@jirik
jirik / index.html
Last active January 10, 2017 10:10
OpenStreetMap Vector Tiles in S-JTSK / Krovak East North (EPSG:5514)
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.19.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.19.1/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
@jirik
jirik / index.html
Last active January 10, 2017 10:17
OpenStreetMap Vector Tiles in OSGB 1936 / British National Grid (EPSG:27700)
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.19.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.19.1/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
@jirik
jirik / index.html
Last active January 10, 2017 10:02
OpenStreetMap Vector Tiles in Swiss Coordinate system CH1903 / LV03 (EPSG:21781)
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.19.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.19.1/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
@jirik
jirik / index.html
Created December 8, 2016 16:27
Show Klokantech Basic GL Style using ol-mapbox-style
<!DOCTYPE html>
<html>
<head>
<title>Klokantech Basic GL Style using ol-mapbox-style preview</title>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.19.1/ol.css">
<style>
html, body {
height: 100%;
margin: 0;