{"__v":0,"_id":"5661fdcb55e4450d00e62c7c","category":{"__v":1,"_id":"5661fdcb55e4450d00e62c74","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"},"parentDoc":null,"project":"5511df3be2990b0d00fb071d","user":"551d6846a7e98017009e3e3b","version":{"__v":2,"_id":"5661fdca55e4450d00e62c73","project":"5511df3be2990b0d00fb071d","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"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-05-05T14:21:41.302Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":1,"body":"The easiest way to include a processed image on your website is to copy and paste the provided embed code.\n\nWhen viewing your processed image at publish.astrodigital.com (the link sent to you via email), in the upper right corner there is an icon labeled `Embed Code`. Clicking this icon will cause the embed code for the current map state to be copied to your clipboard. \n\nThe coped code will look like below.\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<iframe width='100%' height='500px' frameBorder='0' src='http://publish.astrodigital.com/#astrodigital.LC80010802014240LGN00_bands_432/-28.8675/-71.1100/9'></iframe>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"0-0\": \"width\",\n    \"1-0\": \"height\",\n    \"2-0\": \"frameBorder\",\n    \"3-0\": \"src\",\n    \"0-1\": \"The width of the iframe, can be in pixels or percentage.\",\n    \"1-1\": \"The height of the iframe, can be in pixels or percentage.\",\n    \"2-1\": \"Show frame border or not? 0 for off, 1 for on\",\n    \"3-1\": \"The source url provided by Astro Digital. This should be copied directly from the website and you should not try and edit this manually.\"\n  },\n  \"cols\": 2,\n  \"rows\": 4\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Do not change `src` manually\",\n  \"body\": \"Changing the `src` tag manually can cause the embed code to break and not display the processed image. You should keep this the same as when you copied it from publish.astrodigital.com.\"\n}\n[/block]","excerpt":"","slug":"embedding-processed-imagery-on-a-web-page","type":"basic","title":"Embedding Processed Imagery on a Web Page"}

Embedding Processed Imagery on a Web Page


The easiest way to include a processed image on your website is to copy and paste the provided embed code. When viewing your processed image at publish.astrodigital.com (the link sent to you via email), in the upper right corner there is an icon labeled `Embed Code`. Clicking this icon will cause the embed code for the current map state to be copied to your clipboard. The coped code will look like below. [block:code] { "codes": [ { "code": "<iframe width='100%' height='500px' frameBorder='0' src='http://publish.astrodigital.com/#astrodigital.LC80010802014240LGN00_bands_432/-28.8675/-71.1100/9'></iframe>", "language": "html" } ] } [/block] [block:parameters] { "data": { "0-0": "width", "1-0": "height", "2-0": "frameBorder", "3-0": "src", "0-1": "The width of the iframe, can be in pixels or percentage.", "1-1": "The height of the iframe, can be in pixels or percentage.", "2-1": "Show frame border or not? 0 for off, 1 for on", "3-1": "The source url provided by Astro Digital. This should be copied directly from the website and you should not try and edit this manually." }, "cols": 2, "rows": 4 } [/block] [block:callout] { "type": "warning", "title": "Do not change `src` manually", "body": "Changing the `src` tag manually can cause the embed code to break and not display the processed image. You should keep this the same as when you copied it from publish.astrodigital.com." } [/block]