Skip to content

Instantly share code, notes, and snippets.

@jonahadkins

jonahadkins/index.html

Created December 12, 2018 11:58
Show Gist options
  • Save jonahadkins/3a04c39642d9634a899650a7a4c8d39c to your computer and use it in GitHub Desktop.
Save jonahadkins/3a04c39642d9634a899650a7a4c8d39c to your computer and use it in GitHub Desktop.
Download ZIP
CMP_TTI_and_PTI_Intersections
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.51.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.51.0/mapbox-gl.css' rel='stylesheet' />
<style>
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div id='map'></div>
<script>
var evt = {
"layers": [
{
"id":"CMP - TTI AM and PM Intersection",
"type":"line",
"source":"esri",
"source-layer":"CMP - TTI AM and PM Intersection",
"layout":{
"line-cap":"round",
"line-join":"round"},
"paint":{
"line-color":"#0070FF",
"line-width":4}
},
{
"id":"CMP - PTI AM and PM Intersection",
"type":"line",
"source":"esri",
"source-layer":"CMP - PTI AM and PM Intersection",
"layout":{
"line-cap":"round",
"line-join":"round"},
"paint":{
"line-color":"#FF0000",
"line-width":4}},
{
"id":"CMP - TTI and PTI AM and PM Intersection",
"type":"line",
"source":"esri",
"source-layer":"CMP - TTI and PTI AM and PM Intersection",
"layout":{
"line-cap":"round",
"line-join":"round"
},
"paint":{
"line-color":"#8400A8",
"line-width":4
}
}
],
"version": 8,
"sources": {
"esri": {
"type": "vector",
"tiles": ["https://tiles.arcgis.com/tiles/LWtWv6q6BJyKidj8/arcgis/rest/services/CMP_TTI_and_PTI_Intersections/VectorTileServer/tile/{z}/{y}/{x}.pbf"]
}
},
};
var map = new mapboxgl.Map({
container: 'map',
style: evt,
center: [-75.165, 39.952],
zoom: 9
});
map.addControl(new mapboxgl.NavigationControl());
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment