Skip to content

Commit

Permalink
update example data url structure (#89)
Browse files Browse the repository at this point in the history
  • Loading branch information
ryanbaumann committed Mar 29, 2018
1 parent cfe1607 commit 5c2f03e
Show file tree
Hide file tree
Showing 8 changed files with 8,894 additions and 1,637 deletions.
627 changes: 627 additions & 0 deletions examples/data/cdec_temp.geojson

Large diffs are not rendered by default.

3,175 changes: 3,175 additions & 0 deletions examples/data/healthcare_points.geojson

Large diffs are not rendered by default.

3,175 changes: 3,175 additions & 0 deletions examples/notebooks/cedc.geojson

Large diffs are not rendered by default.

760 changes: 410 additions & 350 deletions examples/notebooks/choropleth-viz-example.ipynb

Large diffs are not rendered by default.

336 changes: 195 additions & 141 deletions examples/notebooks/image-vis-type-example.ipynb

Large diffs are not rendered by default.

881 changes: 466 additions & 415 deletions examples/notebooks/point-viz-categorical-example.ipynb

Large diffs are not rendered by default.

1,363 changes: 730 additions & 633 deletions examples/notebooks/point-viz-types-example.ipynb

Large diffs are not rendered by default.

214 changes: 116 additions & 98 deletions examples/notebooks/rastertile-viz-type-example.ipynb
Original file line number Diff line number Diff line change
Expand Up @@ -176,53 +176,66 @@
"<!-- main map creation code, extended by mapboxgl/templates/raster.html -->\n",
"<script type='text/javascript'>\n",
"\n",
"mapboxgl.accessToken = 'pk.eyJ1IjoicnNiYXVtYW5uIiwiYSI6IjdiOWEzZGIyMGNkOGY3NWQ4ZTBhN2Y5ZGU2Mzg2NDY2In0.jycgv7qwF8MMIWt4cT0RaQ';\n",
"\n",
"var map = new mapboxgl.Map({\n",
" container: 'map',\n",
" style: {'version': 8, 'sources': {}, 'layers': []},\n",
" center: [0, 0],\n",
" zoom: 3,\n",
" transformRequest: (url, resourceType)=> {\n",
" if ( url.slice(0,22) == 'https://api.mapbox.com' ) {\n",
" //Add Python Plugin identifier for Mapbox API traffic\n",
" return {\n",
" url: [url.slice(0, url.indexOf('?')+1), 'pluginName=PythonMapboxgl&', url.slice(url.indexOf('?')+1)].join('')\n",
"\n",
" mapboxgl.accessToken = 'pk.eyJ1IjoicnNiYXVtYW5uIiwiYSI6IjdiOWEzZGIyMGNkOGY3NWQ4ZTBhN2Y5ZGU2Mzg2NDY2In0.jycgv7qwF8MMIWt4cT0RaQ';\n",
"\n",
" var map = new mapboxgl.Map({\n",
" container: 'map',\n",
" style: {'version': 8, 'sources': {}, 'layers': []},\n",
" center: [0, 0],\n",
" zoom: 3,\n",
" transformRequest: (url, resourceType)=> {\n",
" if ( url.slice(0,22) == 'https://api.mapbox.com' ) {\n",
" //Add Python Plugin identifier for Mapbox API traffic\n",
" return {\n",
" url: [url.slice(0, url.indexOf('?')+1), 'pluginName=PythonMapboxgl&', url.slice(url.indexOf('?')+1)].join('')\n",
" }\n",
" }\n",
" }\n",
" else {\n",
" //Do not transform URL for non Mapbox GET requests\n",
" return {url: url}\n",
" }\n",
" }\n",
"});\n",
"\n",
"map.addControl(new mapboxgl.NavigationControl());\n",
"\n",
"document.getElementById('legend').style.visibility = 'hidden';\n",
"\n",
"map.on('style.load', function() {\n",
" console.log('Yoooooo');\n",
" let params = {\n",
" 'type': 'raster',\n",
" 'tiles': [\n",
" 'https://a.tile.openstreetmap.org/{z}/{x}/{y}.png'\n",
" ],\n",
" 'tileSize': 256,\n",
" 'minzoom': 0,\n",
" 'maxzoom': 22\n",
" }\n",
" if (undefined !== undefined) params.bounds = undefined;\n",
" else {\n",
" //Do not transform URL for non Mapbox GET requests\n",
" return {url: url}\n",
" }\n",
" }\n",
" });\n",
"\n",
" map.addSource('raster-tiles', params);\n",
" \n",
"\n",
" map.addControl(new mapboxgl.NavigationControl());\n",
"\n",
" \n",
"\n",
" \n",
"\n",
" document.getElementById('legend').style.visibility = 'hidden';\n",
"\n",
"\n",
"\n",
" \n",
"\n",
" map.on('style.load', function() {\n",
" console.log('Yoooooo');\n",
" let params = {\n",
" 'type': 'raster',\n",
" 'tiles': [\n",
" 'https://a.tile.openstreetmap.org/{z}/{x}/{y}.png'\n",
" ],\n",
" 'tileSize': 256,\n",
" 'minzoom': 0,\n",
" 'maxzoom': 22\n",
" }\n",
" if (undefined !== undefined) params.bounds = undefined;\n",
"\n",
" map.addSource('raster-tiles', params);\n",
"\n",
" map.addLayer({\n",
" 'id': 'raster-tiles',\n",
" 'type': 'raster',\n",
" 'source': 'raster-tiles'\n",
" }, '' );\n",
"\n",
" });\n",
"\n",
" map.addLayer({\n",
" 'id': 'raster-tiles',\n",
" 'type': 'raster',\n",
" 'source': 'raster-tiles'\n",
" }, '' );\n",
"\n",
"});\n",
"\n",
"\n",
"</script>\n",
Expand Down Expand Up @@ -260,7 +273,7 @@
},
{
"cell_type": "code",
"execution_count": 4,
"execution_count": 6,
"metadata": {},
"outputs": [
{
Expand Down Expand Up @@ -401,53 +414,66 @@
"<!-- main map creation code, extended by mapboxgl/templates/raster.html -->\n",
"<script type='text/javascript'>\n",
"\n",
"mapboxgl.accessToken = 'pk.eyJ1IjoicnNiYXVtYW5uIiwiYSI6IjdiOWEzZGIyMGNkOGY3NWQ4ZTBhN2Y5ZGU2Mzg2NDY2In0.jycgv7qwF8MMIWt4cT0RaQ';\n",
"\n",
"var map = new mapboxgl.Map({\n",
" container: 'map',\n",
" style: 'mapbox://styles/mapbox/light-v9?optimize=true',\n",
" center: [124.9843619312777, 10.88256665224027],\n",
" zoom: 16,\n",
" transformRequest: (url, resourceType)=> {\n",
" if ( url.slice(0,22) == 'https://api.mapbox.com' ) {\n",
" //Add Python Plugin identifier for Mapbox API traffic\n",
" return {\n",
" url: [url.slice(0, url.indexOf('?')+1), 'pluginName=PythonMapboxgl&', url.slice(url.indexOf('?')+1)].join('')\n",
"\n",
" mapboxgl.accessToken = 'pk.eyJ1IjoicnNiYXVtYW5uIiwiYSI6IjdiOWEzZGIyMGNkOGY3NWQ4ZTBhN2Y5ZGU2Mzg2NDY2In0.jycgv7qwF8MMIWt4cT0RaQ';\n",
"\n",
" var map = new mapboxgl.Map({\n",
" container: 'map',\n",
" style: 'mapbox://styles/mapbox/light-v9?optimize=true',\n",
" center: [124.9843619312777, 10.88256665224027],\n",
" zoom: 15,\n",
" transformRequest: (url, resourceType)=> {\n",
" if ( url.slice(0,22) == 'https://api.mapbox.com' ) {\n",
" //Add Python Plugin identifier for Mapbox API traffic\n",
" return {\n",
" url: [url.slice(0, url.indexOf('?')+1), 'pluginName=PythonMapboxgl&', url.slice(url.indexOf('?')+1)].join('')\n",
" }\n",
" }\n",
" }\n",
" else {\n",
" //Do not transform URL for non Mapbox GET requests\n",
" return {url: url}\n",
" }\n",
" }\n",
"});\n",
"\n",
"map.addControl(new mapboxgl.NavigationControl());\n",
"\n",
"document.getElementById('legend').style.visibility = 'hidden';\n",
"\n",
"map.on('style.load', function() {\n",
" console.log('Yoooooo');\n",
" let params = {\n",
" 'type': 'raster',\n",
" 'tiles': [\n",
" 'https://cogeo.remotepixel.ca/tiles/{z}/{x}/{y}.jpg?tile=256&nodata=0&url=http://oin-hotosm.s3.amazonaws.com/594ab0ba1b114600111194a3/0/d66720c4-148c-4e11-9d54-4ae2a6ba6351.tif'\n",
" ],\n",
" 'tileSize': 256,\n",
" 'minzoom': 13,\n",
" 'maxzoom': 18\n",
" }\n",
" if ([124.97480681619507, 10.876763902260592, 124.99391704636035, 10.888369402219947] !== undefined) params.bounds = [124.97480681619507, 10.876763902260592, 124.99391704636035, 10.888369402219947];\n",
" else {\n",
" //Do not transform URL for non Mapbox GET requests\n",
" return {url: url}\n",
" }\n",
" }\n",
" });\n",
"\n",
" \n",
"\n",
" map.addControl(new mapboxgl.NavigationControl());\n",
"\n",
" \n",
"\n",
" \n",
"\n",
" document.getElementById('legend').style.visibility = 'hidden';\n",
"\n",
"\n",
"\n",
" map.addSource('raster-tiles', params);\n",
" \n",
"\n",
" map.on('style.load', function() {\n",
" console.log('Yoooooo');\n",
" let params = {\n",
" 'type': 'raster',\n",
" 'tiles': [\n",
" 'https://cogeo.remotepixel.ca/tiles/{z}/{x}/{y}.jpg?tile=256&nodata=0&url=http://oin-hotosm.s3.amazonaws.com/594ab0ba1b114600111194a3/0/d66720c4-148c-4e11-9d54-4ae2a6ba6351.tif'\n",
" ],\n",
" 'tileSize': 256,\n",
" 'minzoom': 13,\n",
" 'maxzoom': 18\n",
" }\n",
" if ([124.97480681619507, 10.876763902260592, 124.99391704636035, 10.888369402219947] !== undefined) params.bounds = [124.97480681619507, 10.876763902260592, 124.99391704636035, 10.888369402219947];\n",
"\n",
" map.addSource('raster-tiles', params);\n",
"\n",
" map.addLayer({\n",
" 'id': 'raster-tiles',\n",
" 'type': 'raster',\n",
" 'source': 'raster-tiles'\n",
" }, 'waterway-label' );\n",
"\n",
" });\n",
"\n",
" map.addLayer({\n",
" 'id': 'raster-tiles',\n",
" 'type': 'raster',\n",
" 'source': 'raster-tiles'\n",
" }, 'waterway-label' );\n",
"\n",
"});\n",
"\n",
"\n",
"</script>\n",
Expand All @@ -464,7 +490,6 @@
}
],
"source": [
"\n",
"tiles_url = 'https://cogeo.remotepixel.ca/tiles/{z}/{x}/{y}.jpg?tile=256&nodata=0&url=http://oin-hotosm.s3.amazonaws.com/594ab0ba1b114600111194a3/0/d66720c4-148c-4e11-9d54-4ae2a6ba6351.tif'\n",
"\n",
"# Define the tile endpoint bounds\n",
Expand All @@ -478,24 +503,17 @@
" center=tiles_center,\n",
" tiles_minzoom=13,\n",
" tiles_maxzoom=18,\n",
" zoom=16,\n",
" zoom=15,\n",
" below_layer='waterway-label')\n",
"viz.show()"
]
},
{
"cell_type": "code",
"execution_count": null,
"metadata": {},
"outputs": [],
"source": []
}
],
"metadata": {
"kernelspec": {
"display_name": "Python 3",
"display_name": "Python3.6 Conda",
"language": "python",
"name": "python3"
"name": "myenv"
},
"language_info": {
"codemirror_mode": {
Expand Down

0 comments on commit 5c2f03e

Please sign in to comment.