{"_id":"5acb6c35337a8b000346da7d","project":"5511df3be2990b0d00fb071d","version":{"_id":"5661fdca55e4450d00e62c73","project":"5511df3be2990b0d00fb071d","__v":2,"createdAt":"2015-12-04T20:55:38.639Z","releaseDate":"2015-12-04T20:55:38.639Z","categories":["5661fdcb55e4450d00e62c74","5661fdcb55e4450d00e62c75","5661fdcb55e4450d00e62c76","5661fdcb55e4450d00e62c77","5661fdcb55e4450d00e62c78","5661fdcb55e4450d00e62c79","567c42b13241c20d00b7312e"],"is_deprecated":false,"is_hidden":false,"is_beta":true,"is_stable":true,"codename":"","version_clean":"2.0.0","version":"2.0"},"category":{"_id":"5661fdcb55e4450d00e62c74","__v":1,"pages":["5661fdcb55e4450d00e62c7a","5661fdcb55e4450d00e62c7b","5661fdcb55e4450d00e62c7c","5661fdcb55e4450d00e62c7d","5661fdcb55e4450d00e62c7e","5661fdcb55e4450d00e62c7f"],"project":"5511df3be2990b0d00fb071d","version":"5661fdca55e4450d00e62c73","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-03-24T22:03:40.337Z","from_sync":false,"order":0,"slug":"getting-started","title":"Getting Started"},"user":"5535326bf07d6b0d0077be75","__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2018-04-09T13:35:49.514Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":999,"body":"All the results processed with Astro Digital platform can be used in automatic workflows. \nTo do it - just get the ```map_id``` from the API response and use it in the Javascript code.\n\nLeaftet.js, Mapbox.js or Google Maps API is required.\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<html>\\n\\n<head>\\n    <title>Astro Digital Lambda Tiler Example</title>\\n\\n    <script src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\\\"></script>\\n\\n    <link rel=\\\"stylesheet\\\" href=\\\"https://unpkg.com/leaflet:::at:::1.2.0/dist/leaflet.css\\\" integrity=\\\"sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==\\\"\\n        crossorigin=\\\"\\\" />\\n\\n    <script src=\\\"https://unpkg.com/[email protected]/dist/leaflet.js\\\" integrity=\\\"sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==\\\"\\n        crossorigin=\\\"\\\"></script>\\n</head>\\n\\n<body>\\n    <div id=\\\"mapid\\\" style=\\\"width: 600px; height: 400px\\\"></div>\\n</body>\\n<script>\\n        var mymap = L.map('mapid').setView([0, 0], 12);\\n        L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {\\n            attribution: '&copy; <a href=\\\"http://osm.org/copyright\\\">OpenStreetMap</a> contributors'\\n        }).addTo(mymap);\\n    \\n\\t\\t\\t\\tcentroid = [ 48.547983169555664,58.57809580484742];\\n        mymap.setView([centroid[1], centroid[0]]);\\n            \\n        var lay = L.tileLayer('https://c9vqgwbc3a.execute-api.us-west-2.amazonaws.com/dev/{id}/{z}/{x}/{y}', {id: '18496636d350453b8a8fc9a183a24087_RGB'} ).addTo(mymap);\\n        lay.setZIndex(1).addTo(mymap);\\n\\n</script>\\n</html>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"using-imagery-in-online-workflows-1","type":"basic","title":"Using imagery in online workflows"}

Using imagery in online workflows


All the results processed with Astro Digital platform can be used in automatic workflows. To do it - just get the ```map_id``` from the API response and use it in the Javascript code. Leaftet.js, Mapbox.js or Google Maps API is required. [block:code] { "codes": [ { "code": "<html>\n\n<head>\n <title>Astro Digital Lambda Tiler Example</title>\n\n <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script>\n\n <link rel=\"stylesheet\" href=\"https://unpkg.com/[email protected]/dist/leaflet.css\" integrity=\"sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==\"\n crossorigin=\"\" />\n\n <script src=\"https://unpkg.com/[email protected]/dist/leaflet.js\" integrity=\"sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==\"\n crossorigin=\"\"></script>\n</head>\n\n<body>\n <div id=\"mapid\" style=\"width: 600px; height: 400px\"></div>\n</body>\n<script>\n var mymap = L.map('mapid').setView([0, 0], 12);\n L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {\n attribution: '&copy; <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors'\n }).addTo(mymap);\n \n\t\t\t\tcentroid = [ 48.547983169555664,58.57809580484742];\n mymap.setView([centroid[1], centroid[0]]);\n \n var lay = L.tileLayer('https://c9vqgwbc3a.execute-api.us-west-2.amazonaws.com/dev/{id}/{z}/{x}/{y}', {id: '18496636d350453b8a8fc9a183a24087_RGB'} ).addTo(mymap);\n lay.setZIndex(1).addTo(mymap);\n\n</script>\n</html>", "language": "html" } ] } [/block]