Skip to content

Instantly share code, notes, and snippets.

@rfriberg
rfriberg / index.html
Created February 2, 2017 02:00
Country Finder | The mapzen.js geocoder
<!DOCTYPE html>
<html lang="en">
<head>
<title>Country Finder | The mapzen.js geocoder</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
<script src="https://mapzen.com/js/mapzen.min.js"></script>
<style>
html,body{margin: 0; padding: 0}
#map {
@rfriberg
rfriberg / index.html
Created February 2, 2017 01:59
Campus Map | The mapzen.js geocoder
<!DOCTYPE html>
<html lang="en">
<head>
<title>Campus Map | The mapzen.js geocoder</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
<script src="https://mapzen.com/js/mapzen.min.js"></script>
<style>
html,body{margin: 0; padding: 0}
#map {
@rfriberg
rfriberg / index.html
Created January 13, 2017 23:57
Travel by Map - work in progress
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Travel by Map Example (WIP)</title>
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css"/>
<link rel="stylesheet" href="https://unpkg.com/leaflet-easybutton@2.0.0/src/easy-button.css">
<link rel="stylesheet" href="https://unpkg.com/lrm-mapzen/dist/lrm-mapzen.css" />
<style>
.icon {
@rfriberg
rfriberg / index.html
Last active February 28, 2017 18:34
Dot mapping in Tangram - interactive
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dot Mapping</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
<script src="https://mapzen.com/js/mapzen.min.js"></script>
<style>
html,body{margin: 0; padding: 0}
#map {
@rfriberg
rfriberg / index.html
Last active February 28, 2017 18:36
Dot mapping in Tangram
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dot Mapping</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
<script src="https://mapzen.com/js/mapzen.min.js"></script>
<style>
html,body{margin: 0; padding: 0}
#map {
@rfriberg
rfriberg / index.html
Last active April 10, 2017 18:36
Leaflet Layers Control with Tangram
<!DOCTYPE html>
<html lang="en">
<head>
<title>Layers Control test</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.1/dist/leaflet.css" />
<style>
html,body{margin: 0; padding: 0}
#map {
height: 100%;
@rfriberg
rfriberg / index.html
Last active March 16, 2021 20:11
San Juan Island - Interactivity Demo
<!DOCTYPE html>
<html lang="en">
<head>
<title>San Juan Island Geology - Interactivity</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
<script src="https://mapzen.com/js/mapzen.min.js"></script>
<style>
#map {
height: 100%;
@rfriberg
rfriberg / index.html
Last active November 7, 2017 17:18
Isochrone Demo
<!DOCTYPE html>
<html lang="en">
<head>
<title>Isochrone service demo</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
<script src="https://mapzen.com/js/mapzen.min.js"></script>
<style>
html,body{margin: 0; padding: 0}
#map {
@rfriberg
rfriberg / index.html
Last active March 2, 2017 04:18
San Juan Island Geology Labels
<!DOCTYPE html>
<html lang="en">
<head>
<title>San Juan Island Geology Labels</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
<script src="https://mapzen.com/js/mapzen.min.js"></script>
<style>
#map {
height: 100%;
@rfriberg
rfriberg / index.html
Last active March 2, 2017 04:17
San Juan Island Geology Map
<!DOCTYPE html>
<html lang="en">
<head>
<title>San Juan Island Geology</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
<script src="https://mapzen.com/js/mapzen.min.js"></script>
<style>
#map {
height: 100%;