leaflet-mapbox-vector-tile
Version:
A Leaflet Plugin that renders Mapbox Vector Tiles on HTML5 Canvas.
46 lines (34 loc) • 1.05 kB
HTML
<html>
<head>
<title>Static Label</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../lib/Leaflet/leaflet-0.7.3/leaflet.css"/>
<link rel="stylesheet" href="../src/StaticLabel/label.css"/>
<style>
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script src="../lib/Leaflet/leaflet-0.7.3/leaflet-src.js"></script>
<script src="../dist/Leaflet.MapboxVectorTile.js"></script>
<script src="static-label.js"></script>
<script>
var debug = {};
var map = L.map('map').setView([0,39], 6); // africa
L.tileLayer('http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
maxZoom: 18
}).addTo(map);
var mvtSource = new L.TileLayer.MVTSource(opts);
//Add layer
map.addLayer(mvtSource);
debug.mvtSource = mvtSource;
</script>
</body>
</html>