{"_id":"586d8f521c014819000ea668","project":"56d629f02417921500c46716","__v":0,"category":{"_id":"586d8f511c014819000ea661","project":"56d629f02417921500c46716","version":"586d8f511c014819000ea65d","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-03-24T00:14:02.044Z","from_sync":false,"order":4,"slug":"access-tokens","title":"Map Services"},"parentDoc":null,"user":"56d62986b30acf150053be43","version":{"_id":"586d8f511c014819000ea65d","project":"56d629f02417921500c46716","__v":2,"createdAt":"2017-01-05T00:12:01.865Z","releaseDate":"2017-01-05T00:12:01.865Z","categories":["586d8f511c014819000ea65e","586d8f511c014819000ea65f","586d8f511c014819000ea660","586d8f511c014819000ea661","586d8f511c014819000ea662","586d8f511c014819000ea663","586d8f511c014819000ea664","587977f57a58130f00303d4e"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"adams","version_clean":"2.0.0","version":"2.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-03-24T21:06:53.688Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":2,"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/esoOqOIcRVGiOxGtKdwS_header-sanfran.png\",\n        \"header-sanfran.png\",\n        \"800\",\n        \"90\",\n        \"#918260\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nBelow is a breakdown of the elements to create an embeddable map:\n1. add the domain and [Map ID](doc:map-id):  `https://api.mapbox.com/v4/Map.ID`\n2. add the .html and access token info: ` .html?access_token=your-[access-token-here`\n3. add the hash, which centers the map based on given coordinates: `#13.5/30.57/-83.53`\n\nThese 3 elements, put together as shown below, will center the map at zoom level 13, 30.57 degrees latitude, and -83.53 degrees longitude. All you need to do is paste your own [Access Token](doc:access-tokens) after the `=` and before the `#`:\n\n`https://api.mapbox.com/v4/digitalglobe.nal0g75k.html?access_token=your-access-token#13.5/30.57/-83.53`\n\n\n \n \nQuestions? [Ask Them](http://mapsapidocs.digitalglobe.com/discuss) on our Q&A forum.","excerpt":"Request embeddable HTML suitable for fullscreen map displays or for inserting into blog posts and articles as **iframe** content.","slug":"html-embeds","type":"basic","title":"HTML Embeds"}

HTML Embeds

Request embeddable HTML suitable for fullscreen map displays or for inserting into blog posts and articles as **iframe** content.

[block:image] { "images": [ { "image": [ "https://files.readme.io/esoOqOIcRVGiOxGtKdwS_header-sanfran.png", "header-sanfran.png", "800", "90", "#918260", "" ] } ] } [/block] Below is a breakdown of the elements to create an embeddable map: 1. add the domain and [Map ID](doc:map-id): `https://api.mapbox.com/v4/Map.ID` 2. add the .html and access token info: ` .html?access_token=your-[access-token-here` 3. add the hash, which centers the map based on given coordinates: `#13.5/30.57/-83.53` These 3 elements, put together as shown below, will center the map at zoom level 13, 30.57 degrees latitude, and -83.53 degrees longitude. All you need to do is paste your own [Access Token](doc:access-tokens) after the `=` and before the `#`: `https://api.mapbox.com/v4/digitalglobe.nal0g75k.html?access_token=your-access-token#13.5/30.57/-83.53`     Questions? [Ask Them](http://mapsapidocs.digitalglobe.com/discuss) on our Q&A forum.