forked from hkrishna/hoverboard
-
Notifications
You must be signed in to change notification settings - Fork 5
/
geojson.html
37 lines (30 loc) · 1.38 KB
/
geojson.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
<title>Map on Canvas using geojson</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/Leaflet/Leaflet/v0.7.3/dist/leaflet.css">
<link rel="stylesheet" type="text/css" href="example.css">
</head>
<body>
<div id="map"></div>
<script src="https://cdn.rawgit.com/jondavidjohn/hidpi-canvas-polyfill/master/dist/hidpi-canvas.min.js"></script>
<script src="https://cdn.rawgit.com/Leaflet/Leaflet/v0.7.3/dist/leaflet.js"></script>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src='https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-hash/v0.2.1/leaflet-hash.js'></script>
<script src='//s3.amazonaws.com/assets-staging.mapzen.com/ui/components/bug/bug.min.js'></script>
<script src="dist/hoverboard.js"></script>
<script>
window.xyz_tile_source_url = 'https://vector.mapzen.com/osm/all/{z}/{x}/{y}.json?api_key=vector-tiles-LM25tq4';
// initialize mapzen bug
var mzBug = new MapzenBug({
name: 'Map on Canvas using geojson',
link: 'https://mapzen.com/projects/vector-tiles',
tweet: 'A canvas geojson map demo from @mapzen',
repo: 'https://github.com/mapzen/hoverboard'
});
</script>
<script src="example.js"></script>
</body>
</html>